React #2

JSX (JavaScript eXtention)

JavaScript를 확장한 문법
React에서 UI를 구성할 때 사용한다

JavaScript는 아니라 브라우저가 실행 못 함
= JavaScript로 변환 : Babel

---

React DOM

CSS, JSX 문법만을 가지고 웹 애플리케이션을 개발

• 필요한 파일이 하나 줄어듬
• 한눈에 컴포넌트 확인
• JSX는 변환(컴파일) 과정이 필요하다 (Babel)

---

왜 JSX를 씀?

JavaScript 문법과 HTML 문법을 동시에 이용
기능과 구조를 한눈에 확인

JSX 없이는 React 요소를 만들 수 없는 걸까?
JSX 없이도 React 요소를 만들 수 있지만
코드가 복잡하고 가독성이 떨어짐

---

그림 출처 : codestates