목록JavaScript XML (1)

하나씩 알아가기

JSX 소개

틀린 부분이 있을 경우, 지적해 주시면 감사하겠습니다. JSX는 JavaScript XML의 약자로 JavaScript를 확장한 문법입니다. 겉으로 보기에는 템플릿 언어같아 보이지만, JavaScript의 모든 기능이 포함되어 있습니다. JSX를 리액트와 같이 쓰면 UI 관련 작업을 할 때 더 직관적인 코드를 작성할 수 있게 됩니다. 예를 들어, var element = React.createElement("h1", null, "Hello, ", name); 이렇게 HTML 태그를 만들어야 하는데 (물론 이것은 진짜 DOM element는 아니고 가상 DOM인 React element입니다) const element = Hello, {name}; 훨씬 직관적으로 코드를 작성할 수 있습니다. JSX에는 표..
리액트 2021. 1. 28. 14:33
이전 Prev 1 Next 다음