작업 환경 설정

리액트 프로젝트를 만들기 위해 작업 환경 설정 방법에 대해 알아봅시다!

작업 환경

1. Node.js / npm, yarn 설치하기
2. 코드 에디터 설치
3. git 설치
4. npm init react-app 으로 프로젝트 만들기

우선, 리액트 프로젝트를 만들 때는 Node.js 를 반드시 설치해야 합니다.
Node.js 설치가 완료 되면 npm은 자동으로 설치됩니다.

npm 대신에 yarn이라는 도구를 설치하여 사용할 수도 있습니다.

2,3번의 설치 방법에 대해서는 따로 설명하지 않겠습니다.

모든 작업환경이 설치된 이후 터미널을 열어 프로젝트를 만들고 싶은 디렉토리에 명령어를 실행합니다.

$npm init react-app <프로젝트 이름>

해당 명령어를 입력하면 터미널에서 자동으로 react 파일을 생성합니다.

프로젝트 파일 생성이 완료되었다면 해당 프로젝트 이름으로 명령어를 입력합니다.

$cd <프로젝트 이름>
$npm start

위와 같이 명령어를 입력하면 브라우저 주소창이 터미널에 나타납니다.
해당 링크를 직접 입력하여 열면 준비는 끝납니다.

위와 같은 페이지가 나타났다면, 준비 완료 입니다!