title 번역 진행상황 last updated @ 2023-04-20 00:00 Reference 진행상황 (done: 12 / total: 59) {/reference/} O/X title O/X title O 5. Hooks X 8-3. <option> O 5-1. useCallback X 8-4. <progress> O 5-2. useContext X 8-5. <select> O 5-3. useDebugValue X 8-6. <textarea> O 5-4. useDeferredValue X 9. APIs X 5-5. useEffect X 9-1. createPortal X 5-6. useId X 9-2. flushSync O 5-7. useImperativeHandle X 9-3. findDOMNode O 5-8. useInsertionEffect X 9-4. hydrate X 5-9. useLayoutEffect X 9-5. render X 5-10. useMemo X 9-6. unmountComponentAtNode X 5-11. useReducer X 10. Client APIs O 5-12. useRef X 10-1. createRoot O 5-13. useState X 10-2. hydrateRoot X 5-14. useSyncExternalStore X 11. Server APIs X 5-15. useTransition X 11-1. renderToNodeStream X 6. Components X 11-2. renderToPipeableStream X 6-1. <Fragment> (<>) X 11-3. renderToStaticMarkup X 6-2. <Profiler> X 11-4. renderToStaticNodeStream X 6-3. <StrictMode> X 11-5. renderToString X 6-4. <Suspense> X 12. Legacy APIs X 7. APIs X 12-1. Children X 7-1. createContext O 12-2. cloneElement X 7-2. forwardRef X 12-3. Component X 7-3. lazy X 12-4. createElement X 7-4. memo X 12-5. createFactory X 7-5. startTransition X 12-6. createRef X 8. Components O 12-7. isValidElement X 8-1. Common (e.g. <div>) O 12-8. PureComponent X 8-2. <input> Learn - 전체 번역 완료 (done: 42 / total: 42) {/learn/} O/X title O 0-1. 빠른 시작 :: Quick Start O 0-1-1. Tic-Tac-Toe 게임 :: Tic-Tac-Toe O 0-1-2. React로 사고하기 :: Thinking in React O 0-2. 설치하기 :: Installation O 0-2-1. 새 React 프로젝트 시작하기 :: Start a New React Project O 0-2-2. 기존 프로젝트에 React 추가하기 :: Add React to an Existing Project O 0-2-3. 편집기 설정 :: Editor Setup O 0-2-4. React 개발자 도구 :: React Developer Tools O 1. UI 구성하기 :: Describing the UI O 1-1. 첫번째 컴포넌트 :: Your First Component O 1-2. 컴포넌트 import 및 export :: Importing and Exporting Components O 1-3. JSX로 마크업 작성하기 :: Writing Markup with JSX O 1-4. JSX에서 JavaScript 사용하기 :: JavaScript in JSX with Curly Braces O 1-5. 컴포넌트에 props 전달하기 :: Passing Props to a Component O 1-6. 조건부 렌더링 :: Conditional Rendering O 1-7. 목록 렌더링 :: Rendering Lists O 1-8. 컴포넌트 순수성 유지 :: Keeping Components Pure O 2. 상호작용 추가하기 :: Adding Interactivity O 2-1. 이벤트에 응답하기 :: Responding to Events O 2-2. State: 컴포넌트의 메모리 :: State: A Component's Memory O 2-3. 렌더링하고 커밋하기 :: Render and Commit O 2-4. 스냅샷으로서의 state :: State as a Snapshot O 2-5. 여러 state 업데이트를 큐에 담기 :: Queueing a Series of State Updates O 2-6. 객체 state 업데이트 :: Updating Objects in State O 2-7. 배열 state 업데이트 :: Updating Arrays in State O 3. state 관리 :: Managing State O 3-1. state로 입력에 반응하기 :: Reacting to Input with State O 3-2. State 구조 선택 :: Choosing the State Structure O 3-3. 컴포넌트 간의 state 공유 :: Sharing State Between Components O 3-4. state 보존 및 재설정 :: Preserving and Resetting State O 3-5. state 로직을 reducer로 추출하기 :: Extracting State Logic into a Reducer O 3-6. context로 데이터 깊숙이 전달하기 :: Passing Data Deeply with Context O 3-7. Reducer와 Context로 확장하기 :: Scaling Up with Reducer and Context O 4. 탈출구 :: Escape Hatches O 4-1. ref로 값 참조하기 :: Referencing Values with Refs O 4-2. ref로 DOM 조작하기 :: Manipulating the DOM with Refs O 4-3. Effect와 동기화하기 :: Synchronizing with Effects O 4-4. Effect가 필요하지 않을 수도 있습니다 :: You Might Not Need an Effect O 4-5. 반응형 Effect의 생명주기 :: Lifecycle of Reactive Effects O 4-6. 이벤트와 Effect 분리하기 :: Separating Events from Effects O 4-7. Effect 의존성 제거하기 :: Removing Effect Dependencies O 4-8. 커스텀 훅으로 로직 재사용하기 :: Reusing Logic with Custom Hooks