
뽁 서비스에서 이 일화 리스트 페이지에서는 일화 목록 데이터를 한 페이지에서 스크롤을 내리며 모두 보여줘야 한다. 이 기능 무한 스크롤을 구현하기 위해 tanstack query과 intersection observer를 활용해보고자 한다

뽁 서비스에서 다음과 같이 뽁 서비스에 있는 기능들에 대한 간단한 설명을 툴팁을 통해 보여주는 기능이 있다. 이를 portal을 활용해 구현해 보고자 한다.

뽁 서비스를 개발하는 과정에서 토큰 access token 과 refresh token 이 두 가지의 토큰값과 isVisited 값 즉, 값에 따라서 온보딩 페이지로 redirect 시킬 지를 결정하는 value, 총 3가지 value를 쿠키에서 관리하기로 했다. 이

Next환경에서의 뽁의 SEO와 SITEMAP을 적용해 뽁 서비스를 검색 결과 상단에 노출시킬 수 있도록 작업해 볼 것이다.

next14에서 클라이언트 컴포넌트에서 react query를 사용하는 경우, 서버 컴포넌트에서 데이터를 미리 가져온 뒤 클라이언트 컴포넌트에 전달하는 로직을 구현해보고자 한다.

뽁 서비스에는 많은 항목에 대해서 사용자로부터 입력을 받고 이를 제출해 일화를 생성하는 기능을 React Hook Form 을 활용해 효율적으로 상태 값을 다루어 볼 것이다.