[macOS] React 설치하기 (create react app 사용)

React 설치를 위해서는 node.js가 있어야 합니다.

[macOS] Visual Studio에 node.js 설치 방법

새 프로젝트 생성 및 React 설치

create react app은 React를 빠르게 설정해주는 도구입니다.

아래 단계를 따라 새 React 프로젝트를 생성할 수 있습니다.

1. 터미널에서 새 React 프로젝트 생성

visual studio code 터미널 또는 맥 터미널에서 다음 명령어를 입력해주세요.

npx create-react-app <프로젝트-이름>

다음 OK yo proceed라는 질문이 뜨는데 그냥 y누르고 엔터 누르면 됩니다.

2. 프로젝트 폴더로 이동

cd <프로젝트-이름>

3. 개발 서버 실행

React 프로젝트가 생성되면, 개발 서버를 시작할 수 있습니다.

npm start

 

Visual Studio Code 터미널에서 Code 명령어 실패할 때

 

macOS에서는 Visual Studio Code에서 code 명령어를 사용하기 위해서는 PATH 설정을 해야합니다.

 

1. Visual studio code에서 command palette 열기

• command + shift + p를 눌러 command palette를 열어줍니다.

2. "Shell Command: Install 'code' command in PATH" 입력

• Shell Command라 입력 한 후, "Shell Command: Install 'code' command in PATH"를 설치합니다.

이렇게 하면 VSC에서 code 명령어를 사용할 수 있습니다.

 

필자는 code . -r 을 자주 사용합니다.

code . -r은 다음 폴더를 새 vsc에서 오픈해주는 아주 편리한 기능입니다.