[week02] <kangjooy0ung> 심화 실습 & 프로젝트 기획서

members/kangjooy0ung/idea.md

@@ -0,0 +1,14 @@
+# 💡 프로젝트 기획서 — WatchMeta
+
+| 항목 | 내용 |
+| --- | --- |
+| **1. 한 줄 정의** | 오버워치 유저를 위한 내 전적 분석 및 실시간 영웅 메타(티어표) 제공 앱 |
+| **2. 문제** | 인게임에서는 영웅별 세부 스탯 변화나 현재 시즌의 1티어 영웅을 한눈에 파악하기 힘듦. 매번 패치 노트를 찾거나 커뮤니티를 뒤져봐야 함. |
+| **3. 해결책** | 유저 전적을 수치화해 보여주고, 최신 패치 내용과 픽률/승률 통계를 기반으로 역할군(탱/딜/힐)별 영웅 티어표를 직관적인 UI로 제공함. |
+| **4. 왜 지금** | 오버워치는 잦은 패치로 메타가 빠르게 변함. LLM과 데이터 크롤링을 활용하면 방대한 패치 노트와 통계를 빠르게 분석해 티어표 갱신을 자동화하기 용이함. |
+| **5. 사용자** | 오버워치를 즐겨 플레이하며 경쟁전 티어 상승에 관심이 많은 유저들. |
+| **6. 대안·경쟁** | Overbuff 같은 웹 기반 전적 검색 사이트.<br>차별점: 모바일 앱에 최적화된 깔끔한 UI와 '메타 티어표'를 전면에 내세운 픽 선택 가이드. |
+| **7. 제품** | ① 유저 전적 검색 및 승률 시각화 ② 역할군별 영웅 티어표 ③ 패치 노트 요약<br>MVP: ① 전적 검색 및 기본 스탯 뷰 ② 영웅 티어표 화면 |
+| **8. 지속 방법** | 기본 기능은 무료로 제공하여 유저를 확보하고, 앱 내 배너 광고를 통해 유지보수 비용 및 수익 창출. |
+| **9. 나(팀)** | 이전 프로젝트들을 진행하며 모바일 UI 구현을 웹과 앱으로 해본 경험이 있고 API 연동 경험이 있음. 평소 여가 시간에 주로 오버워치를 즐겨 유저들의 니즈를 잘 파악하고 있음. |
+| **10. 6주 계획** | 3주: 오버워치 API 리서치 및 화면 흐름 기획<br>4주: 전적 검색 및 시각화 뷰 구현<br>5주: 영웅 티어표 화면 및 데이터 연동<br>6주: QA 테스트 및 최종 MVP 배포 |

members/kangjooy0ung/week02.md

@@ -0,0 +1,25 @@
+# 📝 2주차 실습 정리 — <github-id>
+
+## 1. 워크플로우 1바퀴 (필수)
+- 작업한 것 (기능 개발 or 버그 수정): 맛집 DB 데이터 목록 화면에 로딩 중 상태(UI) 텍스트 추가
+- 과정: 탐색 → 계획(Plan Mode) → 구현 → 검증(npm run dev로 로컬 테스트) → 커밋 → PR 완료
+- 커밋 / PR 링크: https://github.com/db-matzip-project/matzip-frontend/pull/1
+- 느낀 점: Plan Mode를 통해 AI가 무엇을 고칠지 미리 확인할 수 있어 안심이 되었고, 작업 단위가 작아 부담 없이 1사이클을 돌려볼 수 있었다.
+
+## 2. CLAUDE.md
+- `/init` 후 직접 손본 내용: 컴포넌트 작성 시 반드시 화살표 함수(Arrow Function)를 사용하고, 불필요한 console.log는 작성하지 않도록 규칙을 추가함.
+- before/after — Claude의 답이 어떻게 달라졌나: "테스트용 빈 컴포넌트 코드 하나만 짜줘"라고 요청했을 때, 기존 방식(`export default function`)이 아닌 CLAUDE.md 규칙을 인식하여 `const TestComponent = () => {}` 형태의 화살표 함수로 코드를 정확히 작성해 주었다.
+
+## 3. 커스텀 Slash Command + Hook
+- 만든 커맨드 (`.claude/commands/ac.md`): `! git status` 결과를 바탕으로 변경사항을 확인하고 "chore: Claude 자동 커밋" 메시지로 자동 커밋을 수행하는 마크다운 기반 명령어 작성.
+- 만든 Hook (`.claude/settings.json`): `PreToolUse` 훅을 사용해, Claude가 Bash 명령을 사용하기 전에 상태를 검사하도록 설정.
+- 어떻게 연동했나: 채팅창에 `/ac`를 입력하니 Skill이 성공적으로 로드되며, 작성한 규칙대로 변경사항 스테이징 후 "chore: Claude 자동 커밋" 메시지와 함께 커밋이 정상적으로 완료되었다.
+
+## 4. (도전) MCP / Plugin
+- 연결한 MCP 서버 or 설치한 플러그인:
+- 실제로 시켜본 작업 & 후기:
+
+## 5. 회고
+- 겪은 삽질: 처음에 터미널에서 `cd` 명령어로 프로젝트 경로(Desktop vs Documents)를 찾는 데 헤맸다. 또한 커스텀 커맨드를 쉘 스크립트(`.sh`)로 만들었다가 인식이 안 되는 오류(`Unknown command`)를 겪었는데, Claude Code 환경에 맞게 마크다운(`.md`) 파일로 재생성하고 터미널을 재시작하여  해결했다.
+- 워크플로우가 어떻게 바뀌었나: AI에게 단순 코드 작성을 넘어서, 커밋 같은 반복 작업이나 프로젝트 컨벤션 유지까지 위임할 수 있어 작업 속도가 훨씬 빠르고 쾌적해졌다.
+- 다음에도 또 쓸 세팅 1가지: `CLAUDE.md`를 활용한 프로젝트 컨벤션 강제 기능. 매번 프롬프트로 "화살표 함수로 해줘"라고 조건을 달지 않아도 되어 편리하다.