React란?
react란 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.
리액트의 특징
컴포넌트(Component)기반으로 되어 있으며,가상 돔(Virtual Dom)을 통해 UI를 빠르게 업데이트 하고, 생태계 활성화되어있다. 즉,많은정보들이 많다 그러기에 오류에 대한 정보들을 쉽게 접근할수있다.
CRA
리액트 프로젝트를 시작하는데 필요한 개발 환경을 세팅 해주는 도구 (toolchain)
Node
브라우저 밖에서 자바스크립트를 실행해줄수 있는 환경
npm
node 패키지 모음, 노드를 실행할수있는 패키지 관리를 도와주는 매니저이다.예를 들면, 스마트폰의 앱스토어가 npm이라 예시들수있다.
component
전체페이지를 한번에 찍어내는 방식이 아니라 조각조각 내서 블록단위로 분해해서 만든, 그러므로 유지보수에 강하다. 독립적으로 재사용할수 있는 하나의 모듈이다.
재사용 가능한 Url의 단위다.
🎃 component에는 class형, function(함수형) 컴포넌트 가 있는데 예전에는 class형을 많이 사용했지만 요즘에는 function형에서 hook을 통해 state, lifeCycle 관련 기능들도 가능하고, 선언이 편리해 함수형을 많이 사용한다.
JSX
개발자 편의를 위해서 만들어진 리액트 문법으로, 리액트에서만 사용가능하다.
자바스크립트 문법이 아니기에 브라우저에서 실행하기전 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환시켜 사용한다.
