Nextjs + Typescript


현재 공식 출시한 React18은 홈페이지를 만들기 시작한 2월 기준으로 아직 Alpha버전이었던 상태였기 때문에 사용해보진 못했습니다.

하지만 다음과 같은 새로운 기술 스택에 관심이 있는 상태며

  1. Server side component
  2. UseTransition

차후 홈페이지의 원래 계획했던 기능을 모두 만들게되고 nextjs에서도 공식적으로 지원하게 되면 React18로 업그레이드할 예정입니다.

Tailwind 3.0


빠른 프로토타이핑 및 디자인 관여를 최소화하기 위해서 Styled component, emotion같은 css in js보다는 아예 프레임워크 쪽으로 찾아봤습니다.

mui ui kit은 번들 사이즈가 비대해지고 무엇보다 커스터마이징이 힘들기 떄문에 선택하지 않았고 기존부터 관심 있었던 tailwind를 이기회에 사용해봤습니다.

Redux


가장 보편적인 상태관리 라이브러리를 사용했습니다.

React Query


Redux를통한 api 상태관리는 보일러플레이트코드가 너무 많고 Redux를 앱의 상태관리로만 깔끔하게 사용하고싶었기 때문에 query fetch lib를 찾았으며

리렌더링이 최소화되는 swr과 고민을 했으나 react query가 기능이 더 풍부한거 같아서 선택하게 되었습니다.

Framer-motion