개발자

Next.js app router 사용 시 전역 상태는 뭐로 관리하시나요?

2023년 11월 12일조회 1,001

그냥 React를 사용했을 땐 recoil로 주로 전역 상태 관리를 했었는데 보통 Next.js 에선 어떤 라이브러리로 관리를 하는 추세인가요? 감사합니다.

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 1

백승훈님의 프로필 사진

제목 보고 라우터 사용시 리코일로 한다는 의미로 듣고 이게 뭐지 하고 클릭했습니다. 😆 이전과 마찬가지로 Recoil을 사용하시면 될 거 같습니다. Next.js와의 호환성도 좋은 편이고 사용하면서 불편함을 느끼지 못했던 것 같습니다. (Next가 리액트에서 기능을 확장한 것이라 어찌보면 당연한 것 같습니다) 다만 최신 버전 Next를 도입하게 된다면 필연적으로 SSR을 사용하는 것에 중점을 두게 될 탠데 이때는 여러가지 충돌과 이슈 상황에 대면할 수 있습니다. 기본적으로 클라이언트에서 사용할 목적으로 만들어져서 SSR에 대한 오류는 직접 직면하고 해결하여야 합니다. 기술 습득을 목적으로 도입하신다면(개인 프로젝트) SSR에 리코일을 도입해보며 여러 작업을 해볼 것 같고 프로덕션을 만드는 프로젝트라면 (회사 프로젝트) 일단 Next의 CSR 기반으로 리코일을 도입하여 만든 다음 점진적으로 SSR을 도입해보는 것이 좋을 것 같습니다.

오승우님의 프로필 사진

오승우

작성자

개발2023년 11월 14일

감사합니다..여러개 사용해보면서 제일 마음에 드는거로 사용해야겠네요 ㅎㅎ

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2023년 11월 12일

Next.js에서 전역 상태 관리를 위해 가장 많이 사용하는 라이브러리는 Redux입니다. Next.js와 함께 사용하면 Server Side Rendering(SSR)과 함께 작동하기 때문에 매우 효과적입니다. 그러나 원한다면 Recoil을 계속해서 사용하는 것도 가능합니다. Next.js 자체가 React 프레임워크 위에 구축되어 있기 때문에 React에서 작동하는 모든 상태 관리 도구는 Next.js에서도 잘 작동해야 합니다. 또한, 컨텍스트 API를 사용하여 전역 상태를 관리할 수도 있습니다. 이 방법은 외부 라이브러리에 의존하지 않으므로, 작은 규모의 앱에서 유용할 수 있습니다. 따라서 답변은 "주로 어떤 것을 사용하는가"보다는 "당신의 애플리케이션 요구사항에 따라 가장 적합한 도구를 선택하십시오"입니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!