JSX1 [React] - JSX란? (개념, 변환 과정, 주요 문법) JSX (Syntax Extenstion to JavaScript)란? 리액트를 처음 접할 때 헷갈렸던 부분이 JSX이다. js는 JavaScript의 확장자이기 때문에 익숙하지만, JSX는 생소했다.JSX는, JavaScript XML의 약자로, 자바스크립트 코드 안에서 HTML과 유사한 문법을 사용할 수 있도록 지원해주는 문법 확장 도구이다. (JSX = JavaScript + HTML, XML)=> 자바스크립트 내에서 HTML을 사용하기 위해서 JSX가 권장된다!JSX 변환 과정브라우저는 JSX 문법을 이해하지 못하기 때문에, JSX 코드를 JavaScript 코드로 변환해주는 과정을 내부적으로 거치게 된다. (Babel과 같은 컴파일러가 사용된다고 한다)//JSX 코드const element = .. 2025. 2. 23. 이전 1 다음