작성자: 황경수

기술 스택

React.js TypeScript React Query Zustand Styled Components

평소에 react로 작업할 때 create-react-app 을 사용해 작업했었어서 번들러로 Webpack 을 사용하게 되는데, 코드의 양이 늘어날수록 빌드 속도가 상당히 느려진다는 것을 알았습니다. 이를 해결하기 위해 Vite 를 사용하기로 결정

프로젝트 생성

타입스크립트 템플릿으로 생성

npm create vite@latest [프로젝트 명] -- --template react-ts

필요 패키지 설치

dependencies 로 설치

• axios
• @tanstack/react-query
• @tanstack/react-query-devtools
• react-router-dom
• styled-components
• eslint-plugin-import

devDependencies 로 설치