React는 웹앱의 View를 개발하기 위해 사용하는 자바스크립트 라이브러리입니다. View를 개발하기 위해 사용한다는 말은 다시 말해 사용자가 조작하기 위한 UI를 만드는 라이브러리라고 할 수 있습니다.
우선 이번 글에서는 Windows에서 React를 실행시키는 방법을 알아보도록 하겠습니다.
가장 먼저 아래의 링크에서 Node JS를 다운로드 받아줍니다. Node JS는 자바 스크립트 언어를 웹 브라우저 환경이 아닌 곳에서도 구동할 수 있도록 런타임 환경을 제공하는 소프트웨어 플랫폼입니다.
다운로드 | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
다운로드 받았다면 cmd창에 node -v를 실행시켜서 잘 설치되었는지 확인합니다. 아래의 사진처럼 버전이 출력된다면 잘 설치된 것입니다.
추가적으로 yarn이 설치되었는지도 확인해줍니다. yarn --version을 실행시키면 버전을 출력해주고, 만일 설치가 되어있지 않다면 npm install --global yarn 명령어를 통해 설치해줍니다.
Yarn은 Node JS의 패키지를 관리해주는 도구라고 생각하시면 됩니다. npm과 같은 역할을 하지만 npm보다 더 빠른 속도로 npm을 대체할 수 있습니다. 물론 npm을 사용하셔도 무방합니다.
이제 React의 프로젝트를 만들 환경 세팅이 모두 완료되었습니다. 명령 프롬프트를 이용해 React 프로젝트를 만들어보도록 하겠습니다.
yarn create react-app hello-react
위의 명령어를 cmd창에 입력하면 자동으로 hello-react라는 프로젝트를 만들어줍니다.
이런저런 글들이 지나가고 마지막에 위와 같은 화면이 나오면 프로젝트의 생성이 완료된 것입니다. 위의 사진의 마지막 부분에도 적혀있듯이 yarn start를 입력해줍니다.
그럼 자동으로 아래와 같은 화면이 나오게 됩니다. 아래의 화면이 나오면 가장 기초적인 React 프로젝트를 생성하는 데 성공한 것입니다!
