React의 3가지 특징
- 선언형
- html + js = JSX를 활용하여 하나의 파일에 명시적으로 작성된다.
- 컴포넌트
- 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 것이 컴포넌트
- 컴포넌트는 분리가능하기 때문에 독립적으로 사용 가능함으로 재사용도 가능하여 기능 자체에 집중하여 개발이 가능하다.
- 범용성
위의 특징으로 프론트엔드 작업을 쉽게 할 수 있다.
- 리액트는 라이브러리라서 기존 개발한 코드와 함께 사용이 가능하다.
- 리액트는 페북에서 관리하기 때문에 유지보수 잘 되어있고 가장 많이 알려진 프론트엔드 기술이라 세계적으로 잡이 많다.
JSX란?
- JavaScript + XML의 줄임말로, 자바스크립트를 확장한 문법을 가지고 UI를 구성한다.(React 엘리먼트를 만들 수 있다)
- JSX는 javascript가 확장된 문법이지만 브라유저가 바로 실행할 수 있는 코드가 아니므로 바벨을 사용하여 javascript 코드로 변환해야한다.
- 바벨(Babel)은 JSX를 브라우저가 이해할 수 있는 javascript로 컴파일한 후, javascript를 브라우저가 읽고 화면에 렌더링할 수 있다.
리액트 컴포넌트(React Component)란?
- 구조와 동작에 대한 코드를 한 뭉치로 적은 코드셋.