12. JSX란 무엇인가요?

박서현·2023년 10월 11일
0
post-custom-banner

JavaScript XML의 줄임말로, 리액트에서 사용되는 문법 중 하나입니다.
HTML과 비슷하게 생겼지만, 실제로는 JavaScript의 확장 문법입니다.
JSX를 통해 UI 구조를 더 직관적이고 가독성 높게 표현할 수 있습니다.

리액트 컴포넌트를 간결하고 명료아게 표현할 수 있습니다.
자바스크립트 표현식을 사용할 때에는 중괄호안에 넣어 사용할 수 있습니다.
속성 설정은 class대신 className을 사용하거나 for대신 htmlFore을 사용하듯이 몇가지 이름이 다릅니다.

제가 사용하였을때에는 페이지 컴포넌트를 만들 때 return문 안에 페이지의 요소들을 만들으며 사용하였습니다. onClick 함수나 다른 함수들을 만들 때에는 return문 위에서 작성하기 때문에 일반적인 자바스크립트 문법을 사용하였습니다.

0개의 댓글