npx 설치 확인

npx -v
6.9.0

커맨드 창에서 위 명령어를 통해서 npx버전을 확인할 수 있습니다. 저는 6.9.0버전이 깔려있습니다.

npx를 사용하는 이유는 npm을 사용하게 되면 자주 사용하지 않는데도 컴퓨터에 남아있게 되고, 버전이 새로 나오면 업데이트를 주기적으로 해줘야 하는데 이런 불편함을 npx가 해소시켜주기 때문입니다.

create-react-app 설치

npx create-react-app 프로젝트 이름

명령어를 입력하면 일정시간이 걸린 후에 아래와 같은 성공 메세지가 뜹니다.

Success! Created manflex at C:\Users\mshan\Desktop\manflex
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd manflex
  npm start

Happy hacking!

project 파일 정리

vue-cli, create-react-app을 만들게 되면 처음에 제공해주는 기본화면이 있습니다. 하지만 개발을 하는 데 불필요한 존재 이기 때문에 없애주는 절차가 필요합니다.

1563374336110

파일들 지우고 환경변수 설정 파일인 .env파일 만들어서 노드 경로 정해주기

prop-types 설치하기

npm add prop-types

README.md 작성하기