⚛️ React

React : JSX문법 3가지 (className, 데이터바인딩, style)

JSX란? JSX는 JavaScript XML의 약어로, React에서 UI를 구성할 때 사용하는 문법이다. JSX는 HTML과 유사한 구문을 사용하며, React 요소를 생성하는 데 사용된다. JSX를 사용하면 JavaScript 코드 안에 마크업을 작성할 수 있다. // jsx const element = Hello, World!; 위와 같은 코드는 `Hello, World!`라는 텍스트를 출력하는 React 요소를 생성한다. JSX는 Babel과 같은 도구를 사용하여 일반 JavaScript 코드로 컴파일된다.이렇게 변환된 코드는 React.createElement() 함수를 호출하는 코드로 변경된다. 따라서 위의 코드는 다음과 같이 변환된다. // javascript const element = ..