Vue 2.x 버전을 썼던 사용자라면 Vuex 상태관리 라이브러리를 알 것이다. Nuxt 에서 SSR이 제공되고 Vue 3 에서는 Composite API 가 사용되면서 새로운 라이브러리로 대체되었다. 복잡한 어플리케이션을 작성하다보면 컴포넌트 혹은 페이지간 동일한 상태(값)에 대한 접근이 필요할 때가 있다. Nuxt 는 useState 라는 SSR 친화적인 상태관리 컴포저블을 제공하고 있다. 자세한 내용은 Nuxt-개요 > 11. 상태관리 를 참고하자. 전역 상태 정의하기 useState 는 상태 참조를 키 값을 통해서 한다. 여기서는 userState 를 이용해 사용자 정의 상태관리자를 생성한다. 프로젝트 루트에서 /composable/states.ts 파일을 생성하고 아래와 같이 코딩한다. /com..