weffice

weffice blog

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

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

첨부 이미지 입니다.

1. vite 설치

    npm create vite@latest my-react-app

첨부 이미지 입니다.

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

첨부 이미지 입니다.

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

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

첨부 이미지 입니다.

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

첨부 이미지 입니다.

5. 설치

첨부 이미지 입니다.

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

첨부 이미지 입니다.

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

첨부 이미지 입니다.

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