1. Vite
$ npm create vite@latest
- 프로젝트와 패키지 이름 설정
- React 선택
- TypeScript + SWC 선택 : Rust TypeScript 컴파일러인 SWC를 포함한 옵션
2. react-router-dom + styled-components
$ npm i react-router-dom@6.14.2 styled-components@6.0.7 styled-reset
$ npm i @types/styled-components -D- reset.css 역할을 하는 styled-reset 도 install
- TypeScript 사용하므로 styled-components에 types를 add 해준다
[Vite+TS] alias 설정하기
1. vite.config.ts 파일을 수정하여 경로 별칭(alias)를 설정해주자!내가 통상적으로 쓰는 파일 구조로 alias를 설정아래와 같이 사용 시, './src/utils' 경로 사용 할 때 '@utils'로 사용할 수 있다export default d
jee0.tistory.com
'[Study] 개발 공부 > [React] 리액트 공부' 카테고리의 다른 글
| [React+Vite/TS] Firebase에 인증된 사용자만 접근 가능한 라우트 만들기 (0) | 2024.05.17 |
|---|---|
| [React+Vite/TS] Firebase 사용하여 이메일/비밀번호로 계정 생성하기 (0) | 2024.05.14 |
| Loading 상태와 컴포넌트 (1) | 2024.05.02 |
| GlobalStyles 적용하기 (0) | 2024.05.01 |
| 라우팅: ReactRouter의 <Outlet> (0) | 2024.05.01 |