#프레임워크
129 편의 글
7 분 소요
리액트로 Todo 앱 만들기 #5 영속화와 마무리
localStorage로 데이터를 영속화하고 새로고침해도 유지되도록 마무리합니다. 시리즈 전체를 회고하며 다음 단계도 안내합니다.
8 분 소요
리액트로 Todo 앱 만들기 #4 편집 기능
항목을 더블클릭하면 인라인 편집 모드로 진입하고, Enter로 저장 / Escape로 취소하는 편집 기능을 만들면서 useRef도 처음으로 사용해봅니다.
6 분 소요
리액트로 Todo 앱 만들기 #1 시작과 추가/삭제
기초 강좌에서 배운 리액트로 진짜 Todo 앱을 만들어봅니다. 첫 글은 요구사항 정의, 컴포넌트 설계, 그리고 추가/삭제 기능까지 만들어봅니다.
9 분 소요
리액트 기초 강좌 #15 라우팅 개요 (React Router)
SPA의 라우팅 개념과 React Router의 기본 사용법, 동적 경로/네비게이션/중첩 라우트까지 한 번에 살펴봅니다.
9 분 소요
리액트 기초 강좌 #14 성능 최적화 (memo / useMemo / useCallback)
React.memo, useMemo, useCallback을 사용한 성능 최적화 방법과, 이 도구들을 언제 써야 하고 언제 쓰지 말아야 하는지를 정리합니다.
7 분 소요
리액트 기초 강좌 #12 useContext
prop drilling 문제를 해결하는 도구, React Context API와 useContext 훅의 사용법을 배워봅니다.
8 분 소요
리액트 기초 강좌 #11 상태 끌어올리기 (lifting state up)
두 형제 컴포넌트가 같은 데이터를 공유해야 할 때 사용하는 핵심 패턴, 상태 끌어올리기를 배워봅니다.
8 분 소요
리액트 기초 강좌 #9 폼 다루기 (controlled inputs)
리액트에서 폼을 다루는 정석 패턴인 controlled component, 그리고 textarea/select/checkbox/radio 등 다양한 입력 요소 처리법을 정리합니다.