카테고리 없음

[React]리액트 안한지 오래되서 필요한거 정리

k솔이 2023. 8. 26. 22:21

Node.js, Npm 최신버전 업데이트 에러로 삭제하고 다시 설치했다.

리액트 사용을 위해 필요한 기본적인 내용을 정리하고자 한다. 

 

1. Node.js 설치

설치 후 잘 cmd 창에 명령어를 입력하여 잘 설치 되었나 확인한다.

node -v
npm -v

 

2. React 설치

npm install -g create-react-app

설치 후 확인

create-react-app -V

3. vsCode 설치 (기존에 있어서 생략)

4. yarn 설치

https://classic.yarnpkg.com/en/docs/install#windows-stable

npm install --global yarn

버전확인

yarn --version

5. 프로젝트 생성

프로젝트를 생성한 디렉토리로 이동 후 아래 명령어 입력

yarn create react-app 프로젝트명

6. 프로젝트 실행

프로젝트를 실행할 위치로 이동 후 아래 명령어 입력

yarn start

7. vsCode 실행

프로젝트 경로에서 아래 명령어 입력

code .

8. 디렉토리 구조잡기

사람마다 프로젝트마다 다르겠지만

...

----- 내용 채워나가는 중........................~