ISFP의 느리게 굴러가는 개발 블로그

2.2 JSX란? JSX는 자바스크립트의 확장 문법으로 XML과 매우 비슷하게 생겼지만 리액트용이기 때문에 공식 자바스크립트 문법은 아니다. 2.3 JSX 장점 보기 쉽고 익숙하다 오류를 바벨이 코드를 변환하는 과정에서 감지해낸다 더욱 높은 활용도 HTML 태그를 사용 2.4 JSX 문법 1. 감싸인 요소 컴포넌트의 여러 요소가 있다면 부모 요소 하나로 꼭 감싸야 한다. → Virtual DOM에서 컴포넌트 변화를 감지해 낼 때 효율적으로 비교할 수 있도록 컴포넌트 내부는 DOM 트리 구조 하나여야 한다는 규칙이 있기 때문! 리액트 v16 이상에서는 태그를 사용하면 됨 2. 자바스크립트 표현 JSX 안에서 자바스크립트 표현식을 쓸 수 있다. 자바스크립트 표현식을 작성하려면 코드를 { }로 감싸면 된다. ..