React 1주차 1

React 프로젝트 생성

CRA 소개

CRA : React 프로젝트를 손쉽게 생성할 수 있도록 도와주는 보일러 플레이트이다.
*보일러플레이트 : 변화없이 여러군데에서 반복되는 코드를 말한다.

CRA 장점
1. 다양한 기능을 Command로 제공
2. 대부분 브라우저에서 해석될 수 있도록 transcompile 지원 (babel, webpack, 번들링)

*번들링 : 말그대로 묶어주는 작업. Html, Css, Js 들의 의존성을 파악하여 묶어주어

*모듈 : 전체 코드를 일부를 분리한 것을 말하며, 이러한 코드를 각각의 파일로 나누어서 관리하는 것을 '모듈화'라고 한다. 이러한 방식을 사용하는 프로그래밍이 '모듈화 프로그래밍'이다.
https://velog.io/@nemo/webpack-module-bundling

Node.js / NPM

Node.js

JS 기반, HTTP 통신 관련 라이브러리 내장, NPM을 통한 방대한 라이브러리 제공.
CRA 프로젝트 생성시 개발환경 및 테스트 서버로 이용됨.

Npm (Node Package Manager)

Node.js 설치시 함께 설치되고, 노드환경에서 사용하는 각종 패키지들을 관리하는 저장소.
패키지관리뿐만 아니라 서버 실행 및 관리에 필요한 다양하고 편리한 명령어를 제공.