첫 리액트 프로젝트를 시작해 봅시다!
제 개발 환경은 다음과 같습니다 ^ㅡ^
OS : macOS Sierra
Editor : Visual Studio Code
macOS, Windows, Linux 어떤 OS 건 상관없이
터미널창을 통해 프로젝트를 간단하게 시작할 수 있습니다!
에디터의 경우엔 각자 취향 ㅎ_ㅎ
(개인적으로 VS Code 적극 추천..)
1단계
npm install -g create-react-app
글로벌로 맨 처음에 한번만 설치 해주면 됩니다
2단계
프로젝트 저장을 원하는 디렉토리로 cd 해준다음!
create-react-app my-app
여기서 my-app에는 원하는 프로젝트 명을 넣어주시면 됩니다~~
3단계
리액트 프로젝트 생성이 완료되었습니다!!
cd my-app
프로젝트 폴더로 이동한 다음에
npm start
잠시 후, http://localhost:3000 으로 아래와 같은 페이지가 뜨게 됩니다
기본적인 디렉토리는 자동으로 구성됩니다
정말 편하쥬~?
더 자세한 내용은 리액트 공식 홈페이지를 참조하세용~
리액트 개발자라면 즐겨찾기는 필수라는 사실!!
'IT TIPS > React.js' 카테고리의 다른 글
[React.js] props에 대해 알아보자! 리액트 데이터 흐름 매커니즘 (0) | 2017.04.29 |
---|---|
[React.js] 리액트란? 프론트 엔드의 대세!! 페이스북 오픈소스 라이브러리 (0) | 2017.04.09 |