Learn JSX

https://velog.io/@creyon0215/2023.-3.-13-TIL

3월 13일 기본적으로 공부했던 내용에 더해

JSX는 JavaScript XML의 약자로, React에서 사용되는 문법. JSX는 React 컴포넌트에서 UI를 작성할 때 사용되며, JavaScript 코드 내에서 HTML 같은 태그를 사용하여 UI를 작성할 수 있도록 함.

JSX는 일반적인 HTML과 매우 유사하지만, JavaScript 표현식을 포함할 수 있습니다. JSX는 React.createElement() 함수를 사용하여 JavaScript 객체로 변환되고, React가 이를 사용하여 가상 DOM에서 컴포넌트를 렌더링한다.

• 코드의 간소화

코드 예시

const element = React.createElement("h1", null, "Hello, world!")