모바일 대응
- 요즘 많은 사용자들이 모바일로 웹사이트를 접근한다. (데스크탑보다도, 모바일을 우선적으로 사용)
프로젝트 초기 설정 :
NextJS
- SPA인 리액트에서 SSR + CSR 을 할 수 있게 만들어준다.
- SSR로 인한 초기 로딩 속도가 빠르다.
- SEO(검색 엔진 최적화)에 좋다.
Tailwind
- CSS style
- 간편하고 빠르게 스타일 코드 작성
Chakra UI
- 재사용 가능한 UI를 빠르게 구현할 수 있다.
- 길어지는 스타일 코드를 방지할 수 있다.
Skeleton
- Chakra UI에서 가져와 사용할 수 있다.
Storybook
- 사용 X
- 별도로 커뮤니케이션이 필요한 디자이너가 없고, UI 테스트를 위해서면 직접 코드를 작성해서 확인해보는 것이 효율적임.