목록2025/06/23 (1)

프론트엔드 첫걸음

JSX와 Babel의 변환 과정 정리

1. JSX는 JavaScript가 아니다JSX는 JavaScript 확장 문법으로, 브라우저가 직접 실행할 수 없다.그래서 브라우저에서 사용하려면 **트랜스파일링(transpiling)**이 필요하다. 2. Babel이 하는 일Babel은 JSX를 JavaScript 코드로 변환해주는 트랜스파일러다.JSX를 기본적으로 React.createElement() 호출 형태로 변환한다.예시const vdom = Hello;↓ Babel 변환 ↓const vdom = React.createElement("p", null, "Hello");3. @jsx 주석 지시어Babel은 JSX를 어떤 함수로 변환할지 지정할 수 있도록 @jsx 주석을 지원한다.이걸 사용하면 React.createElement 대신 원하는 함..
개발 공부/React 2025. 6. 23. 23:02
이전 Prev 1 Next 다음