[react 리액트] 리액트 시작 create-react-app

훈츠의 블로그

 

안녕하세요. 훈츠입니다. 기억 이라는것이 무섭네요. ㅎㅎ 

Create-React-App 프로젝트 시작 하는 방법 입니다.

 

---

목 차 

• npm install create-react-app -g 
• 프로젝트 폴더 만들기 
• 프로젝트 폴더에 create-react-app 폴더 만들기 
  • npm start or yarn start 로 확인 

---

create-react-app -g  설치 

create-react-app 프로젝트를 시작 하기 위해서, 저 모듈을 설치 해야 합니다. 설치를 위해서는 당연이 node.js 와 npm이 설치가 되어 있어야 겠죠? 아래와 같이 어느 폴더 에서도 실행 가능하도록 -g 옵션을 줍니다. 

 

실행법 

c:> npm install create-react-app -g 

 

위와 같이 입력하면 create-react-app 이 설치가 됩니다. 

---

프로젝트 폴더 만들기 

create-react-app 을 시작할 폴더를 만들고, 그안에 또 실행 폴더를 만듭니다. 이유는 create-react-app 뿐만 아니라 노드js express 같은 서버 사이드 프로그램도 같이 관리 하기 위해서 입니다. 다음과 같은 구조로 만들면 좋습니다. 

 

c:>my프로젝트>create-react-app 프로젝트

c:>my프로젝트>node js express 서버 프로젝트

 

설치법 유의사항 

 폴더 만드는것은 그렇게 어려운일이 아닌데 여기서 조금 헷갈리는 부분이 다음입니다. 

  c:>my프로젝트>create-react-app myReactApp 

  설치 완료후, 

  c:>my프로젝트>cd myReactApp 

  c:>my프로젝트>myReactApp> npm start 

 

저렇게 입력하면 몇 초후 리액트 프로젝트 시작 화면을 보실수 있습니다. 

 

간단하지만, 정리 안해놓으면 실수 할거 같은 create-react-app

---