본문 바로가기
Programming/React

vite 으로 리액트 프로젝트 시작하기

by web data 2026. 5. 19.

 

vite 으로 리액트 프로젝트 시작하기

npm create vite@latest my-react-app

 

 

1. 위 명령어 입력 후 'y' 로 진행

 

2. React 선택 (키보드 방향키로 위/아래 이동하고 "React" 항목에 Enter)

 

 

3. typescript 를 사용할것이므로 아래와 같이 "Typescript + React Compiler" 항목  Enter

(React Compiler 를 사용하면 useMemo, useCallBack 을 자동으로 적용해주므로 선택)

 

 

4. 아래와 같이 설치 후 바로 시작 "Yes" 선택

 

 

5. 설치 중...

 

 

6. 설치 완료 메세지 (브라우저에 아래 주소 입력하여 페이지 확인)

 

 

7. 확인 (아래 Count is 0 버튼 클릭하면 숫자가 증가하는것 확인할 수 있다.)

 

프로젝트 준비 끝.