웹개발/React

[React] Mac에서 새 리액트 프로젝트 만들기

webvillain 2021. 7. 16. 05:14

Mac 에서 새로운 React 프로젝트를 만들어보겠습니다.

 

1. 터미널을 열어서 현재 위치를 확인합니다.

(윈도우 사용자는 Git Bash 를 사용하세요. 사용 명령어가 다를 수 있습니다.)

$ pwd

 

2. 원하는 위치로 이동합니다. (저는 desktop으로 이동했습니다.)

$ cd desktop

 

3. 폴더를 만들어 줍니다. (저는 'React'라는 이름의 폴더를 만들었습니다.)

$ mkdir React

 

4. 생성된 폴더('React' )로 이동합니다.

$ cd React

 

5. 리액트 프로젝트를 만들어 줍니다. (저는 'react-start'라는 이름의 프로젝트를 만들었습니다.)

    react-start 라는 디렉터리가 생기고 그 안에 리액트 프로젝트가 생성됩니다.

npx create-react-app react-start

 

6. 생성이 끝나면 cd 명령어를 사용하여 해당 디렉터리에 들어간 후, yarn start 명령어를 입력합니다.

$ cd react-start
$ yarn start

 

7. 완료!!

 

 

 

Vs code 에서도 터미널로 리액트를 실행할 수 있습니다.

Vs code - 보기 - 터미널 에서 yarn start 를 입력합니다.

 * 에러가 난다면, cd를 사용하여 해당 폴더 위치로 이동한 후 yarn start를 실행합니다.