[생활코딩] React 4. npm을 이용해 create react app설치 & 5. create react app을 이용해서 개발환경구축 & 6. 샘플 웹앱 실행

행복주의자·2021년 6월 12일
0

[생활코딩] React

목록 보기
2/2
  • npm: node.js를 이용해서 만들어진 앱을 명령어 환경에서 손쉽게 설치할 수 있도록 도와주는 도구. node.js의 앱스토어같은 역할

공식적으로는 npx를 이용하라고 되어있다.
1. npm install -g create-react-app
OR
2. npx create-react-app : 이 프로그램을 임시로 설치해서 딱 한번만 실행시키고 지우는 것. 공간 낭비하지 않음. 실행할때마다 다운받기때문에 항상 최신 상태

개발환경을 어느 디렉토리에 세팅할 것인가.
directory: react-app으로 만들고, 아까 설치한 create-react-app에게 여기를 리액트 개발환경으로 만들어라 라고 할 것
1) 새로운 폴더 react-app을 만든다. (react로 하면 안된다. 안그러면 리액트앱이 거절)

2) 터미널에서 새폴더 react-app으로 들어가 거기서 명령을 실행해야 그 디렉토리가 create-react-app에 의해 동작하게됨
cd /User/live/Desktop/react-app (폴더 drag해서 터미널창에 drop하면된다.)

3) create-react-app .(점은 현재 디렉토리라는 뜻)

4) 작업이 끝나면 파일(create-react-app이 우리가 개발하는데 필요로 할만한 것들을 다 장만해서 만들어 놓은 것)이 막 생기고 마지막에 happy hacking!

  1. npm run start : 웹브라우저가 자동으로 열린다.
    끄고싶으면 터미널 창에 ctrl + c
profile
개발자를 위해 한걸음씩

0개의 댓글