PART 03. 컴포넌트와 상태 관리
좋은 Nuxt.js 애플리케이션은 잘 정의된 컴포넌트와 깔끔하게 관리되는 상태 위에 세워집니다.
이 파트에서는 Vue 3 Composition API를 실전 관점에서 다시 살펴보고, Nuxt가 제공하는 자동 임포트 시스템을 활용해 반복 작업을 줄이는 방법을 배웁니다. 직접 Composable을 만들어 재사용 가능한 로직을 캡슐화하고, Pinia로 전역 상태를 깔끔하게 관리하는 방법도 익힙니다.
파트를 마칠 때 쯤이면 "이 로직은 어디에 두어야 하지?"라는 질문에 자신 있게 답할 수 있게 됩니다.
학습 목표
ref와reactive를 상황에 맞게 선택할 수 있습니다.- Nuxt의 자동 임포트 원리를 이해하고 활용할 수 있습니다.
- 재사용 가능한 Composable을 직접 작성할 수 있습니다.
- Pinia 스토어를 정의하고 컴포넌트에서 사용할 수 있습니다.
- Composable과 Pinia Store의 적합한 사용 시점을 판단할 수 있습니다.