0625 - Node.js

• React를 개발하는데 왜 nodeJS가 필요한가?
  : WebPack을 쓰려고.. WebPack이 자바스크립트로 만들어져있으니까

• 왜 WebPack을 사용해야 한가?
  : 자바스크립트 모듈 시스템이 지원되지 않아서
  (다른 클래스 코드 파일 import할 수 없음.
  ex. img 파일 로드 : html(<img..>)의 도움을 받아야..
  es6에 모듈시스템 있지만 브라우저에서 지원 안해주기도..)
  WebPack의 도움을 받아서 bundle.js(합쳐진 결과물)을 사용함.
  

쉽게 말하면, 필요한 다수의 자바스크립트 파일을 하나의 자바 스크립트 파일(bundle.js)로 만들어 주는 것을 Webpack이라함.
WebPack은 개발하고 배포하기 전까지만 사용. 배포에는 포함되지 않음

Node.js의 가장 강력한 힘은 노드 모듈을 쉽게 만들고 공유할 수 있다는 점이다

React 앱 생성하기

https://reactjs.org/docs/create-a-new-react-app.html
위 docs에 나와있는 대로 생성할 것이다.

1.터미널에 입력.
npx : 실행까지 해줌newlecture-app 폴더가 생성되었다

2. cd my-app
   npm start
   를 차례로 입력한다.
   
   떴다..!! 이제 이 페이지를 바꿔가며 구현할것이다.

시작하기

public폴더에는 css,img파일등 static한 것들,
src에는 소스코드(컨트롤러..)가 들어갈 것이다.

index.html 에서 필요없는 것들 주석처리
index.js에서 App.js를 사용하고있다.
App.js를 수정해보았다.짠