리액트란?

리액트 javascript 오픈소스 라이브러이다.
리액트의 3가지 특징은 선언형이고, 컴포넌트 기반이고, 다양한 곳에서 활용할 수 있다는 특징이 있다.

1. JSX

React에서 UI를 구성할 때 사용하는 문법으로 javascript를 확장한 문법이다.

JSX는 JavaScript가 확장된 문법이지만, 브라우저가 바로 실행할 수 있는 JavaScript 코드가 아니다.
브라우저가 이해할 수 있는 코드로 변환해주어야 하는데 이것을 “Babel” 이라고 한다.

Babel은 JSX를 브라우저가 이해할 수 있는 JavaScript로 컴파일한다. 컴파일 후, JavaScript를 브라우저가 읽고 화면에 렌더링 할 수 있다.

2. 컴포넌트

컴포넌트는 "하나의 기능 구현을 위한 여러 종류의 코드 묶음이다." 혹은 "UI를 구성하는 필수 요소이다."라고 한다.