Posts

2장 리액트 핵심 요소 깊게 살펴보기 정리

2.1 JSX란?

• JSX는 자바스크립트 내부에서 표현하기 까다로웠던 XML 스타일의 트리 구문을 작성하는 데 많은 도움을 주는 새로운 문법

2.1.1 JSX의 정의

• JSX는 기본적으로 JSXElement, JSXAttributes, JSXChildren, JSXStrings라는 4가지 컴포넌트를 기반으로 구성

JSXElement

• JSX를 구성하는 가장 기본 요소로, HTML의 요소(element)와 비슷한 역할

JSXAttributes

• JSXElement에 부여할 수 있는 속성을 의미

2장 리액트 핵심 요소 깊게 살펴보기

이번 장에서는 리액트를 이루는 핵심적인 개념을 깊게 샆펴보고, 이러한 기능이 자바스크립트를 토대로 어떻게 동작하는지 알아보자.

2.1 JSX란?

• 보통 리액트를 통해 JSX를 접하기 때문에 JSX가 리액트의 전유물이라고 오해하는 경우가 종종 있다. 페이스북에서 독자적으로 개발했다는 사실에서 미루어 알 수 있듯이 JSX는 이른바 ECMAScript라고 불리는 자바스크립트 표준의 일부는 아니다. 즉, V8이나 Deno와 같은 자바스크립트 엔진이나 크롬, 웨일, 파이어폭스 같은 브라우저에 의해서...