React/2. React의 JSX 표현식 (1) 썸네일형 리스트형 2. React의 JSX 표현식 자바스크립트의 확장 문법으로 자바스크립트의 공식적인 문법은 아니다. 브라우저에서 실행하기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다. 자바스크립트에서 HTML을 작성하듯이 비슷하게 작성할 수 있도록 해 주는 것이 JSX의 가장 큰 장점이자, 이를 사용하는 이유이다. 1. 리액트를 설치한 후 src 폴더의 App.js 파일을 살펴보면 함수형 컴퍼넌트로 구성되어 있다. App이라는 컴퍼넌트가 생성되어 있으며 function 키워드를 사용하였기에 함수형 컴퍼넌트라 불린다. 코드들이 마치 HTML코드 같지만 다르다. 이것이 JSX 문법이다. React에는 클래스 컴퍼넌트와 함수형 컴퍼넌트로 나뉘는데, 함수형 컴퍼넌트를 권장한다. 2. 하나의 컴퍼넌트에는 반드시 하나.. 이전 1 다음