[ReactJS] 리엑트 프로그램 생성 하는 법

 앞서 작성한 프로그램 생성 법과 유사한 내용이지만 너무 간단하게 적었나 싶어
조금 더 자세하게 !! 과정을 한 번 더 작성한다.

 

 

 

1.  create-react-app ?!

 

- React를 만든 페이스북에서 제공하는 CLI 도구 (CLI : 커맨드 라인 인터페이스)

 

- React를 사용해 프로젝트를 개발하고자 할 때, 아무것도 없는 상태에서 시작하는 것이 아닌 기본적인 틀을 잡아줌

 

 

 

---

 

2.  프로젝트 생성

 

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

 

cmd에서 폴더를 만들 위치로 이동한 뒤,, 위에 보이는 명령어를 한 줄만 작성하면 끝이다!

 

 

 

그런 다음 기다리면

 

진행중...

 

 

 

요렇게 진행 상황이 보여지고.. 조금만 더 기다리면..!

 

 

 

짠~~!

이렇게 프로젝트의 틀이 만들어진 것이다!!

이렇게 간편하게 만들어지다니 놀랍기도 하다ㅎㅎ

 

 

정말 간단하다.

 

해삐 해킹이라고 말해준다. 

 

 

 

---

 

 

 

3.  프로젝트 실행

 

 

프로젝트를 실행하려면 터미널에서   npm start   커맨드를 실행하면 된다.

마찬가지로 간편하게 프로젝트를 실행시킬 수 있다.

 

 

 

 

프로그램을 한 번 실행해두면 코드를 수정할 때마다 매번 새로 고침을 하지 않아도

변경 사항이 바로바로 볼 수 있다는 점이 굉장히 편리하다 ^^7

 

 

 

 

---

 

 

 

https://nomadcoders.co/react-for-beginners

ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders