[React.js] 리액트 시작하기! 새로운 리액트 프로젝트 만드는 법

첫 리액트 프로젝트를 시작해 봅시다!

제 개발 환경은 다음과 같습니다 ^ㅡ^

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 으로 아래와 같은 페이지가 뜨게 됩니다

기본적인 디렉토리는 자동으로 구성됩니다

정말 편하쥬~?

더 자세한 내용은 리액트 공식 홈페이지를 참조하세용~

리액트 개발자라면 즐겨찾기는 필수라는 사실!!