Page 26 -

1.3 작업 환경설정 R E A C T 1

리액트 시작
이제 리액트를 본격적으로 공부해 봅시다. 이 절에서는 리액트 프로젝트를 생성하는 사전 준비 작
업을 거치고, 첫 리액트 프로젝트를 만들어 볼 것입니다.

그림 1-12 첫 리액트 프로젝트
Node.js / npm, yarn 설치하기

코드 에디터 설치하기

Git 설치하기

create-react-app으로 프로젝트 만들기

책에서는 macOS를 사용하여 실습합니다. 앞으로 진행할 작업은 Windows와 리눅스 환경에서 모
두 호환되며, 초반에 필요한 도구를 설치하는 과정만 조금씩 다릅니다. 따라서 macOS 외 다른 환
경에서 실습을 진행해도 전혀 문제가 없습니다.

1.3.1 Node.js와 npm

리액트 프로젝트를 만들 때는 Node.js와 npm을 반드시 먼저 설치해야 합니다. Node.js는 크롬
V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임입니다. 이것으로 웹 브라우저 환경이 아
닌 곳에서도 자바스크립트를 사용하여 연산할 수 있습니다. 2009년 Node.js를 출시한 이후 자바
스크립트는 웹 브라우저 영역 외에 웹 서버는 물론, 모바일 애플리케이션, 데스크톱 애플리케이션

영역에서도 엄청나게 활약할 수 있게 되었습니다.

그림 1-13 Node.js

035

리액트를 다루는 기술(본문출력용)0720.indb 35 2018-07-20 오전 11:25:19