docs: 기능 모듈 구조 컨벤션 하네스(CLAUDE.md)·README 기록

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01UHXzpsZQxKG9hQmNRfZjRS

README.md

@@ -222,3 +222,9 @@ apiPost('/api/travel/sync');
 | 공통 컴포넌트 | 10개 |
 | API 헬퍼 함수 | 65+ |
 | 외부 라이브러리 | React, Router, Leaflet, Recharts, Three.js, react-swipeable |
+
+---
+
+### 기능 모듈 구조
+
+대형 기능 페이지는 `src/pages/<feature>/` 아래 **shell(`<Feature>.jsx`) + `components/` + `hooks/` + `<feature>Utils.js`(+테스트)** 로 책임을 분해합니다. 파일당 단일 책임·권장 ≤300줄, 순수 로직은 유틸로 뽑아 유닛 테스트합니다. (레퍼런스: `listings`, `subscription`)