React
← Back to all posts-
[1편] 리액트 코드 기초 : 한 줄씩 완벽 이해하기
코드의 모든 부분을 마치 선생님이 옆에서 설명하듯이 자세히 풀어서 설명합니다.
-
[4편] React 성능 최적화 완벽 가이드 - useMemo, React.memo, useCallback 마스터하기
React 앱이 느려지는 진짜 이유와 해결법을 알려드립니다. useMemo, React.memo, useCallback을 활용한 실전 최적화 기법을 초보자도 이해하기 쉽게 설명합니다.
-
[3편] React useReducer 완벽 가이드 - useState를 넘어서는 상태 관리
useState로 관리하던 복잡한 상태를 useReducer로 깔끔하게 정리하는 방법을 실전 예제와 함께 배워봅니다. 카운터부터 할 일 앱까지, 초보자도 따라할 수 있는 단계별 가이드입니다.
-
[2편] React useEffect 완벽 가이드 - Todo 앱으로 배우는 생명주기와 CRUD
React의 useEffect 훅과 컴포넌트 생명주기를 완벽하게 이해하고, 실전 Todo 앱을 만들며 CRUD를 구현합니다. 초보자도 따라할 수 있는 상세한 코드 설명과 함께 Props Drilling까지 해결합니다.
-
React로 투두리스트(To-Do List) 만들기: 완벽 가이드
React의 useReducer, Context API를 활용하여 기능이 풍부한 투두리스트를 만드는 방법을 단계별로 알아봅니다.
-
React 감정 일기장 만들기 1편 - 프로젝트 시작하기와 기본 구조 이해
React 초보자를 위한 감정 일기장 앱 만들기 시리즈 1편. Create React App으로 프로젝트를 생성하고, index.html부터 index.js까지 React 앱이 브라우저에서 어떻게 시작되는지 처음부터 차근차근 배워봅니다.
-
React 감정 일기장 만들기 2편 - React Router로 페이지 만들기
React Router를 사용해서 Home, New, Diary, Edit 페이지를 만들고 URL에 따라 다른 화면을 보여주는 SPA를 구현합니다. 동적 라우팅과 Link 컴포넌트 사용법까지 실습으로 배워봅니다.
-
React 감정 일기장 만들기 3편 - State로 데이터 관리하기
React의 핵심 개념인 useState로 일기 데이터를 관리하는 방법을 배웁니다. Editor 컴포넌트를 만들면서 날짜, 감정, 내용 입력을 처리하고 이벤트 핸들러와 불변성 유지까지 실습합니다.
-
React 감정 일기장 만들기 4편 - 재사용 가능한 컴포넌트 만들기
React 컴포넌트를 작은 부품으로 나눠서 재사용성을 높이는 방법을 배웁니다. EmotionItem, Button, Header 컴포넌트를 만들고 Props를 활용한 컴포넌트 간 통신까지 완벽 마스터!
-
React 감정 일기장 만들기 5편 - 전체 앱 연결 및 데이터 관리
React 감정일기장 시리즈 최종편! App.js에서 일기 데이터를 관리하고, CRUD 기능을 구현하여 완벽하게 작동하는 감정일기장 앱을 완성합니다. onCreate, onUpdate, onDelete까지 모든 기능을 통합합니다.