Node.js

Node.js는 웹브라우저가 아닌 환경에서도 자바스크립트를 연산할 수 있다.
리액트 프로젝트를 만들기 위해서 Node.js와 npm 설치가 필요하다.

왜 Node.js가 필요할까?

리액트 앱은 웹 브라우저에서 실행되기 때문에 Node.js와 직접적인 연관은 없지만 프로젝트 개발하는 데 주요 도구들이 Node.js를 사용하기 때문에 필요하다.

리액트 앱 설치 방법

설명보다는 문서를 보는것이 빠르니 링크로 확인!
https://reactjs-kr.firebaseapp.com/docs/installation.html

폴더구조

• node_modules : 프로젝에서 사용하는 모든 패키지와 라이브러리가 저장되는 폴더이다.
• package.json : 프로젝트의 정보와 의존성 패키지 정보가 담긴 파일이다.
• public : 브라우저에서 접근 가능한 정적 파일이 저장되는 폴더이다. index.html파일도 이 폴더 안에 있다.
• src : 리액트 애플리케이션의 소스코드가 저장되는 폴더이다. index.js파일이 애플리케이션의 진입점이다.
• components : 애플리케이션에서 사용되는 컴포넌트가 저장되는 폴더이다.
• assets : 이미지, 폰트 등 애플리케이션에서 사용되는 자원이 저장되는 폴더이다.

my-app/
  README.md
  node_modules/
  package.json
  public/
    index.html
    favicon.ico
  src/
    index.js
    App.js
    App.css
    components/
      Component1.js
      Component2.js
    assets/
      images/
      fonts/