본문 바로가기

Dev/Web

[React] JSX

📁 JSX

Javascript에 XML을 추가한 확장 문법 = HTML 문법을 Javascript 코드 내부에 쓴 것

공식적인 Javascript 문법은 아님

실행 전, 바벨을 사용해 일반 Javascript 형태의 코드로 변환됨

 

📁 JSX 사용 이유

페이지 렌더링 시, Javascript와 HTML을 한 번에 불러올 필요가 생김

 

📁 JSX의 장점

자바스크립트에서 HTML을 작성하듯이 비슷하게 작성할 수 있도록 해줌

UI 관련 작업을 할 때 시각적으로 도움이 됨

React가 더욱 도움이 되는 에러 및 경고 메시지를 표시할 수 있게 해줌

'Dev > Web' 카테고리의 다른 글

[React] Component & Props  (0) 2023.11.11
[React] Virtual DOM  (0) 2023.11.11
[JS] async, await  (0) 2023.11.10
[JS] Promise  (0) 2023.11.10
[JS] 비동기  (0) 2023.11.10