리액트(React) 참조 개요

이 섹션은 리액트(React)와 관련된 작업에 대한 상세한 참조 문서를 제공합니다. 리액트에 대한 소개는 학습 섹션을 참조하십시오.

리액트 참조 문서는 다음과 같은 기능적인 하위 섹션으로 구성되어 있습니다:

React

리액트의 프로그래밍 기능:

  • Hooks - 컴포넌트에서 다양한 리액트 기능을 사용하세요.
  • Components - JSX에서 사용할 수 있는 내장 컴포넌트를 문서화합니다.
  • APIs - 컴포넌트 정의에 유용한 API들을 다룹니다.
  • Directives - 리액트 서버 컴포넌트와 호환되는 번들러에게 지시를 제공합니다.

React DOM

React-dom은 브라우저 DOM 환경에서 실행되는 웹 애플리케이션에서만 지원되는 기능을 포함하고 있습니다. 이 섹션은 다음과 같이 나뉩니다:

  • Hooks - 브라우저 DOM 환경에서 실행되는 웹 애플리케이션을 위한 훅스입니다.
  • Components - React는 브라우저 내장 HTML 및 SVG 컴포넌트를 모두 지원합니다.
  • APIs - react-dom 패키지에는 웹 애플리케이션에서만 지원되는 메소드가 포함되어 있습니다.
  • Client APIs - react-dom/client API를 사용하면 브라우저에서 React 컴포넌트를 렌더링할 수 있습니다.
  • Server APIs - react-dom/server API를 사용하면 서버에서 React 컴포넌트를 HTML로 렌더링할 수 있습니다.

Rules of React

React has idioms — or rules — for how to express patterns in a way that is easy to understand and yields high-quality applications:

  • Components and Hooks must be pure – Purity makes your code easier to understand, debug, and allows React to automatically optimize your components and hooks correctly.
  • React calls Components and Hooks – React is responsible for rendering components and hooks when necessary to optimize the user experience.
  • Rules of Hooks – Hooks are defined using JavaScript functions, but they represent a special type of reusable UI logic with restrictions on where they can be called.

Legacy APIs

  • Legacy APIs - react 패키지에서 내보낸 것이지만 새로 작성되는 코드에서는 권장되지 않습니다.