DOM에 React 엘리먼트를 렌더링하는 방법
-
[리액트 공식문서 정독하기] 리액트 주요개념 - 1 (JSX, DOM에 React 엘리먼트를 렌더링하는 방법, Components와 Props)프론트엔드 개발자가 될거야./react 2023. 8. 8. 12:57
리액트 공식문서의 주요개념 파트를 읽으면서 꼭 기억하고 싶은 개념들을 정리해보았다. 잘 이해가 되지 않는 개념들은 GPT에게 물어봐서 이해하려고 노력했고 그렇게 습득된 개념들을 기록해보려고 한다! JSX React에서는 JSX라는 문법을 사용하여 UI(사용자 인터페이스)를 작성한다. JSX는 HTML과 비슷한 모양새를 가지고 있어서 javaScript로 UI 관련 작업을 할 때 시각적으로 더 도움이 된다. JSX는 HTML보다는 JavaScript에 가깝기 때문에, React DOM은 HTML 어트리뷰트 이름 대신 camelCase 프로퍼티 명명 규칙을 사용한다. 또한 JSX 코드는 React 컴포넌트에서 사용되는 가상 DOM (Virtual DOM) 요소를 정의하는데 React DOM은 JSX에 삽입된..