JSX문법 (1) 썸네일형 리스트형 React 기본, JSX(JavaScript XML)와 JSX 문법 규칙 한번에 알아보기 👾 JSX(JavaScript XML)란? JSX는 JavaScript를 확장한 문법으로 React에서 UI를 구성할 때 사용한다. JSX는 React에서 UI 컴포넌트를 선언적으로 작성하기 위해 도입되었다. 기존의 JavaScript 코드 안에 HTML과 유사한 구문을 인라인으로 작성하여 UI 요소를 표현할 수 있게 한다. 이는 UI와 관련된 로직과 마크업을 한 곳에서 작성할 수 있어 개발자에게 편리함을 제공한다. JSX를 사용하면 JavaScript 변수, 함수, 표현식 등을 마크업 안에서 중괄호({})로 감싸서 사용할 수 있다. 이를 통해 동적인 값을 템플릿에 쉽게 삽입하고, 조건문과 반복문 등을 활용하여 유연한 UI를 생성할 수 있다. JSX는 JavaScript가 확장된 문법이지만, 브라우저가 .. 이전 1 다음