Nuxt 공식 홈페이지 에서 보면 Nuxt 는 상용 서비스가 가능한 풀스택 프레임워크라고 소개되어 있다. 통상 API 서버가 Java Spring 으로 구성되고, Nuxt 혹은 Nextjs 는 프런트만 담당하는 경우가 흔하다. 이는 기존에 Vue, React 등이 프런트만 담당하고, Nuxt, Next 와 같은 메타 프레임워크는 나중에 출시되어서 이기도 하고, 이미 잘 구축되어 있는 레거시를 바꿀 필요가 없기에 관심이 덜 가기 때문이기도하다. Nuxt 는 풀스택 프레임워크이기 때문에 JAVA 같은 다른 기술이나, Spring, NestJS 같은 다른 프렘임워크를 이용하지 않고도, 처음 구축하는 어플리케이션이면서 단일 기술로 풀스택을 구축하고 싶은 경우 좋은 선택지가 될 수 있을 것이다. API 서버를 구..

데이터 통신과 관련한 거의 모든 내용은 "Nuxt-개요 > 데이터 가져오기" 에 담겨있다. 이번 장에서 간단하게 실습한 후 위 내용을 참고하면 이해에 더 도움이 될 것이다. useFetch 컴포저블을 사용하는 것이 적절하지 않은 경우가 있다 (예: CMS 또는 자체적으로 API 통신 레이어를 제공해야 하는 경우). 이 경우 useAsyncData 를 사용하여 호출을 래핑하면서도 컴포저블에서 제공하는 이점을 계속 유지할 수 있다. 앞 장에서 useFetch 컴포저블을 이용한 todos 의 예를 useAsyncData 로 바꿔보자. 데이터를 캐싱하는데 필요한 문자열 키가 필요하다. 키가 주어지지 않으면 파일명과 해당 소스라인으로 자동으로 구성된 키가 할당된다. /pages/todos.vue ID Title ..

데이터 통신과 관련한 거의 모든 내용은 "Nuxt-개요 > 데이터 가져오기" 에 담겨있다. 이번 장에서 간단하게 실습한 후 위 내용을 참고하면 이해에 더 도움이 될 것이다. useFetch 컴포저블은 SSR 을 지원하는 컴포넌트이다. 서버 측, 클라어언트 측 모두에서 사용할 수 있으며, Nuxt 에서 제공하는 내장 컴포저블이다. 이를 통하면 개발자의 개입없이 네트워크 중복 호출을 피할 수 있다. 데이터 호출과 관련해서 Nuxt 에서 제공하는 컴포저블 및 함수에는, useFetch 이외에도 useLazyFetch, useAsyncData, useLazyAsyncData, $fetcch 가 있다. useFetch 컴포저블은 setup 함수에서 데이터를 가져올 때 사용할 수 있는 가장 간단한 방법이다. 간단한..