# React Documentation

> The library for web and native user interfaces.

## React 학습하기

### 시작하기

#### 빠르게 시작하기
- [빠르게 시작하기](https://ko.react.dev/learn.md)
- [자습서: 틱택토 게임](https://ko.react.dev/learn/tutorial-tic-tac-toe.md)
- [React로 사고하기](https://ko.react.dev/learn/thinking-in-react.md)

#### 설치하기
- [설치하기](https://ko.react.dev/learn/installation.md)
- [새로운 React 앱 만들기](https://ko.react.dev/learn/creating-a-react-app.md)
- [처음부터 React 앱 만들기](https://ko.react.dev/learn/build-a-react-app-from-scratch.md)
- [기존 프로젝트에 React 추가하기](https://ko.react.dev/learn/add-react-to-an-existing-project.md)

#### 설정하기
- [설정하기](https://ko.react.dev/learn/setup.md)
- [에디터 설정하기](https://ko.react.dev/learn/editor-setup.md)
- [TypeScript 사용하기](https://ko.react.dev/learn/typescript.md)
- [React 개발자 도구](https://ko.react.dev/learn/react-developer-tools.md)

#### React 컴파일러
- [React 컴파일러](https://ko.react.dev/learn/react-compiler.md)
- [소개](https://ko.react.dev/learn/react-compiler/introduction.md)
- [설치](https://ko.react.dev/learn/react-compiler/installation.md)
- [점진적 도입](https://ko.react.dev/learn/react-compiler/incremental-adoption.md)
- [디버깅 및 문제 해결](https://ko.react.dev/learn/react-compiler/debugging.md)

### React 학습하기

#### UI 표현하기
- [UI 표현하기](https://ko.react.dev/learn/describing-the-ui.md)
- [첫 번째 컴포넌트](https://ko.react.dev/learn/your-first-component.md)
- [컴포넌트 Import 및 Export하기](https://ko.react.dev/learn/importing-and-exporting-components.md)
- [JSX로 마크업 작성하기](https://ko.react.dev/learn/writing-markup-with-jsx.md)
- [중괄호가 있는 JSX에서 자바스크립트 사용하기](https://ko.react.dev/learn/javascript-in-jsx-with-curly-braces.md)
- [컴포넌트에 Props 전달하기](https://ko.react.dev/learn/passing-props-to-a-component.md)
- [조건부 렌더링](https://ko.react.dev/learn/conditional-rendering.md)
- [리스트 렌더링](https://ko.react.dev/learn/rendering-lists.md)
- [컴포넌트를 순수하게 유지하기](https://ko.react.dev/learn/keeping-components-pure.md)
- [트리로서의 UI](https://ko.react.dev/learn/understanding-your-ui-as-a-tree.md)

#### 상호작용성 더하기
- [상호작용성 더하기](https://ko.react.dev/learn/adding-interactivity.md)
- [이벤트에 응답하기](https://ko.react.dev/learn/responding-to-events.md)
- [State: 컴포넌트의 기억 저장소](https://ko.react.dev/learn/state-a-components-memory.md)
- [렌더링 그리고 커밋](https://ko.react.dev/learn/render-and-commit.md)
- [스냅샷으로서의 State](https://ko.react.dev/learn/state-as-a-snapshot.md)
- [State 업데이트 큐](https://ko.react.dev/learn/queueing-a-series-of-state-updates.md)
- [객체 State 업데이트하기](https://ko.react.dev/learn/updating-objects-in-state.md)
- [배열 State 업데이트하기](https://ko.react.dev/learn/updating-arrays-in-state.md)

#### State 관리하기
- [State 관리하기](https://ko.react.dev/learn/managing-state.md)
- [State를 사용해 Input 다루기](https://ko.react.dev/learn/reacting-to-input-with-state.md)
- [State 구조 선택하기](https://ko.react.dev/learn/choosing-the-state-structure.md)
- [컴포넌트 간 State 공유하기](https://ko.react.dev/learn/sharing-state-between-components.md)
- [State를 보존하고 초기화하기](https://ko.react.dev/learn/preserving-and-resetting-state.md)
- [State 로직을 Reducer로 작성하기](https://ko.react.dev/learn/extracting-state-logic-into-a-reducer.md)
- [Context를 사용해 데이터를 깊게 전달하기](https://ko.react.dev/learn/passing-data-deeply-with-context.md)
- [Reducer와 Context로 앱 확장하기](https://ko.react.dev/learn/scaling-up-with-reducer-and-context.md)

#### 탈출구
- [탈출구](https://ko.react.dev/learn/escape-hatches.md)
- [Ref로 값 참조하기](https://ko.react.dev/learn/referencing-values-with-refs.md)
- [Ref로 DOM 조작하기](https://ko.react.dev/learn/manipulating-the-dom-with-refs.md)
- [Effect로 동기화하기](https://ko.react.dev/learn/synchronizing-with-effects.md)
- [Effect가 필요하지 않은 경우](https://ko.react.dev/learn/you-might-not-need-an-effect.md)
- [React Effect의 생명주기](https://ko.react.dev/learn/lifecycle-of-reactive-effects.md)
- [Effect에서 이벤트 분리하기](https://ko.react.dev/learn/separating-events-from-effects.md)
- [Effect의 의존성 제거하기](https://ko.react.dev/learn/removing-effect-dependencies.md)
- [커스텀 Hook으로 로직 재사용하기](https://ko.react.dev/learn/reusing-logic-with-custom-hooks.md)

## API 참고서

### React
- [개요](https://ko.react.dev/reference/react.md)

#### Hook
- [Hook](https://ko.react.dev/reference/react/hooks.md)
- [useActionState](https://ko.react.dev/reference/react/useActionState.md)
- [useCallback](https://ko.react.dev/reference/react/useCallback.md)
- [useContext](https://ko.react.dev/reference/react/useContext.md)
- [useDebugValue](https://ko.react.dev/reference/react/useDebugValue.md)
- [useDeferredValue](https://ko.react.dev/reference/react/useDeferredValue.md)
- [useEffect](https://ko.react.dev/reference/react/useEffect.md)
- [useEffectEvent](https://ko.react.dev/reference/react/useEffectEvent.md)
- [useId](https://ko.react.dev/reference/react/useId.md)
- [useImperativeHandle](https://ko.react.dev/reference/react/useImperativeHandle.md)
- [useInsertionEffect](https://ko.react.dev/reference/react/useInsertionEffect.md)
- [useLayoutEffect](https://ko.react.dev/reference/react/useLayoutEffect.md)
- [useMemo](https://ko.react.dev/reference/react/useMemo.md)
- [useOptimistic](https://ko.react.dev/reference/react/useOptimistic.md)
- [useReducer](https://ko.react.dev/reference/react/useReducer.md)
- [useRef](https://ko.react.dev/reference/react/useRef.md)
- [useState](https://ko.react.dev/reference/react/useState.md)
- [useSyncExternalStore](https://ko.react.dev/reference/react/useSyncExternalStore.md)
- [useTransition](https://ko.react.dev/reference/react/useTransition.md)

#### 컴포넌트
- [컴포넌트](https://ko.react.dev/reference/react/components.md)
- [<Fragment> (<>)](https://ko.react.dev/reference/react/Fragment.md)
- [<Profiler>](https://ko.react.dev/reference/react/Profiler.md)
- [<StrictMode>](https://ko.react.dev/reference/react/StrictMode.md)
- [<Suspense>](https://ko.react.dev/reference/react/Suspense.md)
- [<Activity>](https://ko.react.dev/reference/react/Activity.md)
- [<ViewTransition>](https://ko.react.dev/reference/react/ViewTransition.md)

#### API
- [API](https://ko.react.dev/reference/react/apis.md)
- [act](https://ko.react.dev/reference/react/act.md)
- [addTransitionType](https://ko.react.dev/reference/react/addTransitionType.md)
- [cache](https://ko.react.dev/reference/react/cache.md)
- [cacheSignal](https://ko.react.dev/reference/react/cacheSignal.md)
- [captureOwnerStack](https://ko.react.dev/reference/react/captureOwnerStack.md)
- [createContext](https://ko.react.dev/reference/react/createContext.md)
- [lazy](https://ko.react.dev/reference/react/lazy.md)
- [memo](https://ko.react.dev/reference/react/memo.md)
- [startTransition](https://ko.react.dev/reference/react/startTransition.md)
- [use](https://ko.react.dev/reference/react/use.md)
- [experimental_taintObjectReference](https://ko.react.dev/reference/react/experimental_taintObjectReference.md)
- [experimental_taintUniqueValue](https://ko.react.dev/reference/react/experimental_taintUniqueValue.md)

### React Dom

#### Hook
- [Hook](https://ko.react.dev/reference/react-dom/hooks.md)
- [useFormStatus](https://ko.react.dev/reference/react-dom/hooks/useFormStatus.md)

#### 컴포넌트
- [컴포넌트](https://ko.react.dev/reference/react-dom/components.md)
- [공통 컴포넌트 (예: <div>)](https://ko.react.dev/reference/react-dom/components/common.md)
- [<form>](https://ko.react.dev/reference/react-dom/components/form.md)
- [<input>](https://ko.react.dev/reference/react-dom/components/input.md)
- [<option>](https://ko.react.dev/reference/react-dom/components/option.md)
- [<progress>](https://ko.react.dev/reference/react-dom/components/progress.md)
- [<select>](https://ko.react.dev/reference/react-dom/components/select.md)
- [<textarea>](https://ko.react.dev/reference/react-dom/components/textarea.md)
- [<link>](https://ko.react.dev/reference/react-dom/components/link.md)
- [<meta>](https://ko.react.dev/reference/react-dom/components/meta.md)
- [<script>](https://ko.react.dev/reference/react-dom/components/script.md)
- [<style>](https://ko.react.dev/reference/react-dom/components/style.md)
- [<title>](https://ko.react.dev/reference/react-dom/components/title.md)

#### API
- [API](https://ko.react.dev/reference/react-dom.md)
- [createPortal](https://ko.react.dev/reference/react-dom/createPortal.md)
- [flushSync](https://ko.react.dev/reference/react-dom/flushSync.md)
- [preconnect](https://ko.react.dev/reference/react-dom/preconnect.md)
- [prefetchDNS](https://ko.react.dev/reference/react-dom/prefetchDNS.md)
- [preinit](https://ko.react.dev/reference/react-dom/preinit.md)
- [preinitModule](https://ko.react.dev/reference/react-dom/preinitModule.md)
- [preload](https://ko.react.dev/reference/react-dom/preload.md)
- [preloadModule](https://ko.react.dev/reference/react-dom/preloadModule.md)

#### 클라이언트 API
- [클라이언트 API](https://ko.react.dev/reference/react-dom/client.md)
- [createRoot](https://ko.react.dev/reference/react-dom/client/createRoot.md)
- [hydrateRoot](https://ko.react.dev/reference/react-dom/client/hydrateRoot.md)

#### 서버 API
- [서버 API](https://ko.react.dev/reference/react-dom/server.md)
- [renderToPipeableStream](https://ko.react.dev/reference/react-dom/server/renderToPipeableStream.md)
- [renderToReadableStream](https://ko.react.dev/reference/react-dom/server/renderToReadableStream.md)
- [renderToStaticMarkup](https://ko.react.dev/reference/react-dom/server/renderToStaticMarkup.md)
- [renderToString](https://ko.react.dev/reference/react-dom/server/renderToString.md)
- [resume](https://ko.react.dev/reference/react-dom/server/resume.md)
- [resumeToPipeableStream](https://ko.react.dev/reference/react-dom/server/resumeToPipeableStream.md)

#### 정적 API
- [정적 API](https://ko.react.dev/reference/react-dom/static.md)
- [prerender](https://ko.react.dev/reference/react-dom/static/prerender.md)
- [prerenderToNodeStream](https://ko.react.dev/reference/react-dom/static/prerenderToNodeStream.md)
- [resumeAndPrerender](https://ko.react.dev/reference/react-dom/static/resumeAndPrerender.md)
- [resumeAndPrerenderToNodeStream](https://ko.react.dev/reference/react-dom/static/resumeAndPrerenderToNodeStream.md)

### React Compiler
- [라이브러리 컴파일](https://ko.react.dev/reference/react-compiler/compiling-libraries.md)

#### 설정
- [설정](https://ko.react.dev/reference/react-compiler/configuration.md)
- [compilationMode](https://ko.react.dev/reference/react-compiler/compilationMode.md)
- [gating](https://ko.react.dev/reference/react-compiler/gating.md)
- [logger](https://ko.react.dev/reference/react-compiler/logger.md)
- [panicThreshold](https://ko.react.dev/reference/react-compiler/panicThreshold.md)
- [target](https://ko.react.dev/reference/react-compiler/target.md)

#### 지시어
- [지시어](https://ko.react.dev/reference/react-compiler/directives.md)
- ["use memo"](https://ko.react.dev/reference/react-compiler/directives/use-memo.md)
- ["use no memo"](https://ko.react.dev/reference/react-compiler/directives/use-no-memo.md)

### React 개발자 도구
- [React Performance 트랙](https://ko.react.dev/reference/dev-tools/react-performance-tracks.md)

### Eslint Plugin React Hooks

#### 린트
- [린트](https://ko.react.dev/reference/eslint-plugin-react-hooks.md)
- [exhaustive-deps](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/exhaustive-deps.md)
- [rules-of-hooks](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/rules-of-hooks.md)
- [component-hook-factories](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/component-hook-factories.md)
- [config](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/config.md)
- [error-boundaries](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/error-boundaries.md)
- [gating](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/gating.md)
- [globals](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/globals.md)
- [immutability](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/immutability.md)
- [incompatible-library](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/incompatible-library.md)
- [preserve-manual-memoization](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/preserve-manual-memoization.md)
- [purity](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/purity.md)
- [refs](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/refs.md)
- [set-state-in-effect](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-effect.md)
- [set-state-in-render](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-render.md)
- [static-components](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/static-components.md)
- [unsupported-syntax](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/unsupported-syntax.md)
- [use-memo](https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/use-memo.md)

### React의 규칙

#### 개요
- [개요](https://ko.react.dev/reference/rules.md)
- [컴포넌트와 Hook은 순수해야 합니다](https://ko.react.dev/reference/rules/components-and-hooks-must-be-pure.md)
- [React가 컴포넌트와 Hook을 호출하는 방식](https://ko.react.dev/reference/rules/react-calls-components-and-hooks.md)
- [Hook의 규칙](https://ko.react.dev/reference/rules/rules-of-hooks.md)

### React 서버 컴포넌트
- [서버 컴포넌트](https://ko.react.dev/reference/rsc/server-components.md)
- [서버 함수](https://ko.react.dev/reference/rsc/server-functions.md)

#### 지시어
- [지시어](https://ko.react.dev/reference/rsc/directives.md)
- ['use client'](https://ko.react.dev/reference/rsc/use-client.md)
- ['use server'](https://ko.react.dev/reference/rsc/use-server.md)

### 레거시 API

#### 레거시 React API
- [레거시 React API](https://ko.react.dev/reference/react/legacy.md)
- [Children](https://ko.react.dev/reference/react/Children.md)
- [cloneElement](https://ko.react.dev/reference/react/cloneElement.md)
- [Component](https://ko.react.dev/reference/react/Component.md)
- [createElement](https://ko.react.dev/reference/react/createElement.md)
- [createRef](https://ko.react.dev/reference/react/createRef.md)
- [forwardRef](https://ko.react.dev/reference/react/forwardRef.md)
- [isValidElement](https://ko.react.dev/reference/react/isValidElement.md)
- [PureComponent](https://ko.react.dev/reference/react/PureComponent.md)