[React] 프로젝트 생성

프로젝트 생성

1. Node.js 최신 버전 설치
2. Visual Studio Code 설치
   • 미리 생성해둔 폴더 오픈 
   • "File" → "Open Folder..."
3. React 프로젝트 생성
   • "View" → "Terminal"에 npx create-react-app 프로젝트명 입력
   • 진행할 것이냐고 물어보면 y 입력
   
   • npx : 라이브러리 설치 도와주는 명령어 (nodejs 설치가 되어야 이용가능)
   • create-react-app :  React 세팅이 다 된 boilerplate를 만들기 쉽게 도와주는 라이브러
   • project_01 : project_01 라는 이름이 프로젝트를 만들것이다.
   • 프로젝트 생성 중 오류 발생 

 

---

프로젝트 오픈 및 탐색

• "File" → "Open Folder..." →  project_01 폴더 선택  

• node_modules : 프로젝트에 필요한 라이브러리들 보관함
• public : index.html, image 등 static(정적) 파일 보관함
  • 빌드 시에 압축되지 않음
  • 컴파일에서 제외됨
  • 외부에서 요청으로 접근 가능
  •  index.html : 메인페이지
    • 코드 상으로는 아무것도 없음
    • App.js에 있는 것들을 index.js에 의해 index.html 안에서 보여주기 때문에
• src : JavaScript(JSX) 소스 코드 보관함 (컴파일 대상)
  • App.js : 메인페이지에 들어갈 HTML을 작성하는 곳
  • index.js
• package.json : 설치한 라이브러리 목록. 프로젝트에 대한 기본 설정 보관함.
• .gitignore
• README.md

 

---

미리보기 설정

• "TERMINAL"에 npm start 입력

 

---

https://youtu.be/nahwuaXmgt8?si=hWpJfI-lYR2jQGE7

https://velog.io/@kiyoog02/React-기초-1-프로젝트-생성