React

• 프론트앤드 개발을 위한 JavaScript 오픈소스 라이브러리
• 사용자 정의 태그를 만드는 것(컴포넌트)
• 컴포넌트는 function (vs class)로 만듬

특징

1. 선언형: 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향
2. 컴포넌트 기반: 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발
3. 범용성: JavaScript 프로젝트 어디에든 유연하게 적용

JSX

• JavaScript XML
• React에서 사용하는 JavaScript를 확장한 문법
• JSX로 작성 -> Babel -> JavaScript로 컴파일

JSX 규칙

1. 하나의 엘리먼트 안에 모든 엘리먼트가 포함
2. className 사용
3. JavaScript 표현식 사용 시, 중괄호({}) 이용
4. 컴포넌트는 대문자로 시작
5. 조건부 렌더링은 if문이 아닌 삼항연산자를 이용
6. 여러 개의 HTML 엘리먼트를 표시할 때는 "map()" 함수를 사용
7. map 함수를 사용할 때는 반드시 "key" JSX 속성을 넣어야 함