- Next.js 13
- (뒤에서 설명)
- SCSS
- next 13과 잘 맞는 스타일링을 찾아보다 처음에는 팀원들이 모두 익숙한 css-in-js방식을 고려했습니다. 그러나 next 13에서 app route에 일반적으로 css-in-js 프레임워크들은 CSS 스타일을 런타임에 동적으로 생성한다.하지만 SSR을 하는 서버컴포넌트는 HTML 마크업이 적절하게 들어간 HTML파일을 만들어야합니다. 그러려면 서버측에서 CSS-in-JS 코드를 실행시켜서 CSS를 생성해야하는데 이 과정은 복잡할 수 밖에 없다.
- Axios
- axios interceptor 기능을 통해 에러 통합 관리
- default header 설정을 통해 중복 처리를 줄였다
- Tanstack Query
- useInfiniteQuery로 무한스크롤 구현
- 서버 컴포넌트에서는 못 쓰지 않나요?
- 서버 로딩이 되고 하이드레이션 전에 중간 과정을 넣어야.. ( initialData? initialFetch?)
- Zustand
- 쓰긴..썼어요..
- Vercel
- Storybook
- 다른 개발자가 컴포넌트를 쉽게 확인할 수 있어 재사용 컴포넌트 관리 용이
- 개발할 때 페이지에 따로 붙일 필요 없