weffice

weffice blog

pages-keywords weffice
vite 으로 리액트 프로젝트 시작하기

### vite 으로 리액트 프로젝트 시작하기 ![첨부 이미지 입니다.](/attaches/notes/1a2b/14/1781505179517.webp?width=800 "첨부 이미지") ##### 1. vite 설치 ```bash_800 npm create vite@latest my-react-app ``` ![첨부 이미지 입니다.](/attaches/notes/1a2b/14/1781505189422.webp?width=800 "첨부 이미지") ##### 2. React 선택 (키보드 방향키로 위/아래 이동하고 "React" 항목에 Enter) ![첨부 이미지 입니다.](/attaches/notes/1a2b/14/1781505194769.webp?width=800 "첨부 이미지") ##### 3. typescript 를 사용할것이므로 아래와 같이 "Typescript + React Compiler" 항목 Enter ``(React Compiler 를 사용하면 useMemo, useCallBack 을 자동으로 적용해주므로 선택)`` ![첨부 이미지 입니다.](/attaches/notes/1a2b/14/1781505201844.webp?width=800 "첨부 이미지") ##### 4. 아래와 같이 설치 후 바로 시작 "Yes" 선택 ![첨부 이미지 입니다.](/attaches/notes/1a2b/14/1781505209793.webp?width=800 "첨부 이미지") ##### 5. 설치 ![첨부 이미지 입니다.](/attaches/notes/1a2b/14/1781505214907.webp?width=800 "첨부 이미지") ##### 6. 설치 완료 메세지 (브라우저에 아래 주소 입력하여 페이지 확인) ![첨부 이미지 입니다.](/attaches/notes/1a2b/14/1781505221012.webp?width=800 "첨부 이미지") ##### 7. 확인 (아래 Count is 0 버튼 클릭하면 숫자가 증가하는것 확인할 수 있다.) ![첨부 이미지 입니다.](/attaches/notes/1a2b/14/1781505225986.webp?width=800 "첨부 이미지")

vite
react
댓글 (0)
등록된 댓글이 없습니다.