React 개념 정리

---

React개념 정리

React란

• 프론트엔드 프레임워크 중 하나
  • ex) React, angular, vue.js.. etc
  • 프론트엔드 프레임워크 중 가장 인기 있음
  • 페이스북 개발, 드롭박스, MS, 우버, 에어비엔비 등 대형 기업 채택
  • 공개 소프트웨어
  • 컴포넌트 사용 cf) 레고 블럭
  • 게임엔진 원리 도입 -> 출력 속도 빠름 cf) 자바스크립트의 jQuery나 handlebars 라이브러리는 화면을 다시 그려서 화면 커질수록 시간 길어짐

노드 패키지 메니저(NPM)이란?

• 자바스크립트 라이브러리 관리 프로그램
• https://www.npmjs.com에서 필요한 라이브러리를 내려받아 설치하고 삭제하는 등의 관리를 해줌
• node_modules 폴더에 라이브러리 내려받아 저장 & package.json에 라이브러리 목록(명세) 기록(용량이 클 경우 이 명단만 주고 받으면 됨)
• yarn : 페이스북에서 개발한 npm 업그레이드 버전

웹팩이란?

• 프로젝트에 필요한 파일을 분석하여 기존 웹 문서로 변환하는 도구
  • ex) hbs, cjs, sass -> js, png, jpg
• 간단한 노드 기반의 웹 서버를 구동하기도 함
• 기타 기능

출처

• [실리콘밸리 개발 방법으로 배우는 리액트 프로그래밍 정석 - 박호준 저]