리액트

2026년 4월 2일 목요일 8 분 소요

리액트로 Todo 앱 만들기 #4 편집 기능

항목을 더블클릭하면 인라인 편집 모드로 진입하고, Enter로 저장 / Escape로 취소하는 편집 기능을 만들면서 useRef도 처음으로 사용해봅니다.

2026년 4월 1일 수요일 6 분 소요

전체 / 미완료 / 완료 필터를 추가하고, 완료 항목 일괄 삭제 같은 일괄 처리 기능까지 만들어봅니다.

2026년 3월 31일 화요일 5 분 소요

각 항목에 체크박스를 달아 완료를 토글하고, 시각적으로 구분하고, 남은/전체 개수를 보여주는 통계를 추가합니다.

2026년 3월 30일 월요일 6 분 소요

기초 강좌에서 배운 리액트로 진짜 Todo 앱을 만들어봅니다. 첫 글은 요구사항 정의, 컴포넌트 설계, 그리고 추가/삭제 기능까지 만들어봅니다.

2026년 3월 29일 일요일 9 분 소요

SPA의 라우팅 개념과 React Router의 기본 사용법, 동적 경로/네비게이션/중첩 라우트까지 한 번에 살펴봅니다.

2026년 3월 28일 토요일 9 분 소요

React.memo, useMemo, useCallback을 사용한 성능 최적화 방법과, 이 도구들을 언제 써야 하고 언제 쓰지 말아야 하는지를 정리합니다.

2026년 3월 27일 금요일 8 분 소요

컴포넌트 사이에서 로직을 우아하게 공유하는 도구, 커스텀 훅을 만드는 법과 흔히 쓰이는 예시들을 살펴봅니다.

2026년 3월 26일 목요일 7 분 소요

prop drilling 문제를 해결하는 도구, React Context API와 useContext 훅의 사용법을 배워봅니다.

2026년 3월 25일 수요일 8 분 소요

두 형제 컴포넌트가 같은 데이터를 공유해야 할 때 사용하는 핵심 패턴, 상태 끌어올리기를 배워봅니다.

2026년 3월 24일 화요일 8 분 소요

컴포넌트 외부와 상호작용하는 side effect를 다루는 표준 도구, useEffect 훅의 동작과 흔한 패턴을 살펴봅니다.

2026년 3월 23일 월요일 8 분 소요

리액트에서 폼을 다루는 정석 패턴인 controlled component, 그리고 textarea/select/checkbox/radio 등 다양한 입력 요소 처리법을 정리합니다.

2026년 3월 22일 일요일 7 분 소요

배열을 화면에 렌더링하는 방법과 그때 반드시 등장하는 key prop의 의미, 그리고 인덱스 key의 함정을 살펴봅니다.