앞서 작성한 프로그램 생성 법과 유사한 내용이지만 너무 간단하게 적었나 싶어
조금 더 자세하게 !! 과정을 한 번 더 작성한다.
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
React for Beginners
nomadcoders.co
728x90
'React' 카테고리의 다른 글
| [ReactJS] props & state (0) | 2023.02.11 |
|---|---|
| [ReactJS] JSX란? (0) | 2023.02.11 |
| [ReactJS] 프로젝트 생성 / useEffect / CleanUp (0) | 2023.01.25 |
| [ReactJS] 단위 변환기 만들기 (1) | 2023.01.20 |
| [ReactJS] react_chap3.1 (0) | 2023.01.20 |