Lennon FE

JSX 문법이란? 리액트에서 생김새를 정의할 때, 사용하는 문법이다. HTML과 유사하게 생겼지만 실제로는 JavaScript이다! const App = () => { return Hello React! } 실제 JavaScript가 아닌데 브라우저가 어떻게 코드를 해석하는 걸까? 여기서 Babel에 대해 알아보자. Babel은 JSX를 브라우저가 이해할 수 있도록 JavaScript로 변환해준다. 그러나 JSX가 JavaScript로 오류 없이 제대로 변환되려면 규칙을 지켜야 한다. 1. 태그는 꼭 닫혀 있어야 한다. const App = () => { return ( Hello ) } , 등 본래 HTML에서 닫혀있는 태그는 JSX에서 닫는 태그가 아니다! 당연히 태그 짝이 맞지 않아도 오류가 발생한..