JSX란 무엇인가

JSX란?

---

React는 UI 라이브러리로, JSX(JavaScript XML) 는 React에서 UI를 작성하는데 사용되는 JS확장 문법이다.

JSX는 UI 요소를 만들기 위한 XML과 유사한 구문을 제공하여 JS코드 내에서 마크업을 작성할 수 있게 한다.

JSX는 JS의 일부로, HTML과 유사한 구문을 사용하여 React 요소를 생성한다.
JSX는 Babel과 같은 트랜스파일러에 의해 일반 JS의 함수 호출로 변환된다.

JSX의 활용

---

JSX는 React 컴포넌트 내에서 주로 사용된다. React 컴포넌트는 UI를 나타내는 독립적인 모듈이며,
JSX를 사용하여 컴포넌트를 구성한다.

function Word(props){
    return <h1>Hello {props.name}</h1>
}

위의 코드에서 Word컴포넌트는 props라는 매개변수를 받아 <h1>태그 안에 동적으로
props.name을 출력하고 있다. 이렇게 JSX를 사용하여 동적인 데이터를 포함한 UI를 구성할 수 있다.

결론

---

JSX는 React에서 UI를 작성하는데 매우 유용한 도구이다. 가독성도 높고 컴파일러 체크가 가능하며,
JS표현식과의 통합이 잘 되어있기 때문에 React로 개발할 때 자주 사용된다.