목록react #리액트 #JSX (1)

감자의 개발공부 일지

[React] JSX란?

1. JSX란? JSX(JavaScript XML)는 자바스크립트의 확장 문법으로 XML과 매우 비슷하게 생김 2. JSX의 장점 - 일반 자바스크립트만 사용한 코드보다 JSX로 작성한 코드가 더 가독성이 높고 작성하기도 쉬움 - div나 span과 같은 HTML태그를 사용할 수도 있고 JSX안에 컴포넌트도 작성이 가능하여 활용도가 높음 3. JSX 문법 (1) 컴포넌트에 여러 요소가 있다면 반드시 부모 요소로 하나로 감싸야 가능 예제 - 에러 발생 function App() { return ( Hi! Let's Study React Bye! ); } export default App; 위와 같이 작성하게 된다면 다음과 같은 에러가 발생한다. 본 에러는 부모 요소가 없기 때문에 발생한다. 예제 funct..
Javascript/React 2022. 12. 16. 15:47
이전 Prev 1 Next 다음