어려운 단어들이 늠나 많이 때려 박아서 어질어질하다.
그래도 하나씩 정리해보자.🥲
: JS를 읽고 해석할 수 있는 도구, 실행 환경.
탈웹
을 가능하게 함↪️ Node를 알아야하는 이유?
: Node Package Manager
노드 / 실행할 수 있는 하나하나의 프로그램 / 관리자
⇒ 노드를 실행할 수 있는 여러 패키지를 다운받고 업데이트, 삭제 등을 할 수 있는 관리자
💡 Node가
Phone
이라면 NPM은App store
: Create React App = React 앱을 만든다
리액트 프로젝트에 필요한 개발 환경을 세팅해주는 도구
CRA 설치만 따라하면 이게 다 자동으로 알아서 생성되어 있음~!!!ㅇ0ㅇ👍🏻
: 프로젝트에 필요한 Package File List
: 프로젝트의 상세 내용을 기록해 둔 명세서
: git으로 관리하지 않을 파일들
npm install
로 쉽게 설치할 수 있기 때문에, gitignore에 넣어둔다.: 프로젝트의 첫 페이지
사용자가 보게되는 html의 Entrypoint
→ 기본 틀만 잡아두고 body에는 root div 1개만 둔다.
: html과 React Component를 연결해주는 중간다리
JS의 Entrypoint
→ index.html
에 App.js
의 내용을 그려주기 위해
필요한 파일들을 import하고 ReactDOM.render()
함수로 index.html의 root에 App.js의 내용을 랜더링한다
: 실제 화면에 보여지는 내용을 작성하는 Component 파일
→ function or class 방식으로 컴포넌트를 생성.
return 안에 필요한 내용을 작성한다.