pair-study · ehlung · Jun 8, 2026 · Jun 8, 2026 · Jun 8, 2026 · Jun 8, 2026
diff --git a/02-rendering-lists/README.md b/02-rendering-lists/README.md
diff --git a/03-modal/README.md b/03-modal/README.md
@@ -0,0 +1,29 @@
+# 03. 모달 UI 구현하기: side-effect(feat. event handler)
+
+## 🎯 요구 사항
+
+- `RestaurantList` 의 아이템을 클릭하면, 클릭한 아이템의 정보를 보여주는 모달이 뜨도록 변경해 주세요. '확인' 버튼을 클릭하거나 모달 뒤의 backdrop을 클릭하면 모달이 닫혀야 합니다.
+  - (작은 단계로 구현해보기 1) 아이템을 클릭하면 정해진 텍스트를 그대로 보여주는 모달을 열고 닫습니다.
+  - (작은 단계로 구현해보기 2) 클릭한 아이템의 정보를 모달에 내려줄 수 있도록 개선합니다.
+
+### 구현 결과 예시
+
+```javascript
+// App.jsx
+{isModalOpen && <RestaurantDetailModal {/** 적절한 props */}/>}
+```
+
+## ✅ 키워드
+
+- event handler (feat. side effect)
+- conditional rendering
+- lifting state up
+
+## 🧙‍♀️ 진행 가이드
+
+- 진행 시간: 1시간 내에 완료하는 것을 목표로 합니다.
+
+## 🔗 참고 문서
+
+- [Thinking in React](https://react.dev/learn/thinking-in-react)의 Step5
+- [Responding to Events](https://react.dev/learn/responding-to-events)
diff --git a/CLAUDE.md b/CLAUDE.md
@@ -16,6 +16,11 @@
 
 스텝 번호 매핑: step1 → step1, step2 → step2, step3/4 → step3_4, step5 → step5
 
+## 커밋 규칙
+
+- 단계를 나눠서 작업할 때는 각 단계가 끝날 때마다 커밋을 찍는다
+- 커밋 명령어는 Claude가 파일 단위로 제안하고, 사용자가 직접 실행한다
+
 ## README 양식
 
 heading 구조는 고정 템플릿이며 절대 변경하지 않는다. README는 포트폴리오 용도로 작성한다.