1. 프로젝트 폴더 생성
2. vscode에서 해당 폴더를 열고 터미널에서 리액트 설치
https://create-react-app.dev/docs/adding-typescript/
npx create-react-app . --template typescript
// '.'은 현재위치에 설치 한다는 의미, '.' 대신 리액트를 설치할 폴더명을 써도 된다.
// --template typescript를 할 경우 타입스크립트로 리액트 프로젝트가 생성된다.- nextjs 환경으로 설치할 경우
npx create next-app --typescript
// 타입스크립틑 사용하지 않을 경우 -- 옵션 제외
3. babel 패키지 설치
npm install --save-dev @babel/core @babel/cli @babel/node @babel/preset-env
참 쉽죵~!
설치가 다 됐다면 로컬 서버를 띄어보자~!
// nextjs 환경에선
npm run dev
// react 환경에서는
npm run start
'Reactjs' 카테고리의 다른 글
| [React] React로 Tab 메뉴 구현하기 (0) | 2022.10.20 |
|---|