fffo

JSX 리액트는 렌더링 로직과 UI로직이 본질적으로 연결된다는 사실을 받아들임 전통적 웹은 각기 다른 파일에 마크업과 로직을 분리해 관리했지만 리엑트는 둘을 모두 포함하는 ‘컴포넌트’로 관심사를 분리함 JSX도 표현식임 컴파일 후 JSX 표현식이 js 객체로 인식됨 JSX는 insection attack을 방지함 ReactDOM이 JSX에 삽입된 모든 값을 렌더링하기 전에 escape하므로 앱에 명시적으로 작성되지 않은 내용은 주입되지 않음 모든 항목은 렌더링 되기 전에 문자열로 변환됨 XSS(cross-site-scripting) 공격 방지 가능 Element Rendering 엘리먼트는 React 앱의 가장 작은 단위 엘리먼트는 컴포넌트의 구성 요소 브라우저 DOM 엘리먼트와 달리 React 엘리먼트..