Stack

Front-end 기술 스택

react

• 프론트엔드의 꽃
• 웹 프론트엔드 개발 사이에서 대세로 자리잡은 프레임워크 (실제로 지난 1년간 가장 많이 사용한 프레임 워크)
  참고: frontend trend

vite

• 모듈을 따로 설치해줘야 한다는 단점이 있지만 기존의 웹팩 보다 개발 서버 구동 속도가 100배 이상 빠름
• HMR(Hot Module Replacement) 제공해서 변경 사항만 수정해 조금 더 빠르게 번들링 해주는 장점이 있음

recoil

• react내 useState 같은 훅(hook)만으로는 복잡한 상태관리가 어려워 따로 별도 라이브러리를 사용하기로 결정
• Redux를 비롯한 여러 상태관리 라이브러리가 있지만 react 친화적이고, redux 보다 쉬운 recoil로 선택

module css

• 컴포넌트별로 관리하기가 편하고, 고유한 클래스명으로 인해서 복잡한 네이밍을 고민하지 않아도 되는 장점이 있음

GSAP

• css로 어느정도 동적인 화면 구성이 가능하지만 좀 더 세밀한 동작을 위해 선택

cloud

firebase

• 이전 프로젝트시 더미 데이터를 사용해 데이터를 불러오는 방식을 선택했지만,
  리액트 프로젝트에서는 실제 개발 환경과 유사한 방식으로 방향을 잡게되어 서버리스 서비스인 firebase 를 사용하기로 함.
• 이미지파일, 로그인 인증 기능 등의 부분에서 사용