2026-01-12
📝 React Day 1-2 완주 회고
Tags: #React #useEffect #useState #Vite
💡 핵심 요약
하루 만에 React Day 1-2 커리큘럼을 완주했습니다. 컴포넌트 기반 사고방식에 익숙해지면서 Django 템플릿과의 연결고리도 발견했습니다.
1. 오늘의 핵심 개념
- useState = 컴포넌트의 기억: 시간에 따라 변하는 값을 추적하며, 변경 시 자동으로 리렌더링됩니다.
- useEffect = 생명주기 관리: 마운트(컴포넌트 등장)/언마운트(사라짐) 시점에 부수효과를 처리합니다.
- Props vs State: Props는 부모가 주는 읽기 전용 데이터, State는 자신이 관리하는 변경 가능한 데이터입니다.
2. Django와 React 비교
| 개념 | Django | React |
|---|---|---|
| 재사용 UI | {% include %} |
컴포넌트 |
| 데이터 전달 | Context | Props |
| 이벤트 | form → 새로고침 | onClick → 즉시 반응 |
3. 실습 결과물
- RoomCard 컴포넌트: Props로 방 정보 주입
- ControlBar: useState로 마이크/카메라 토글 구현
- fetch API 호출: useEffect 안에서 데이터 비동기 로드
📌 향후 계획
내일은 TypeScript 도입 또는 React 심화 복습을 진행할 예정입니다. useEffect의 의존성 배열 개념을 좀 더 파고들어야겠습니다.