Skip to content

Latest commit

Β 

History

History
77 lines (57 loc) Β· 4.3 KB

File metadata and controls

77 lines (57 loc) Β· 4.3 KB

Notion에 정리해달라고 ν•˜λ©΄ Study archive / React Native 에 νŽ˜μ΄μ§€λ₯Ό λ§Œλ“€μ–΄μ„œ 정리λ₯Ό ν•΄μ£Όλ©΄ λœλ‹€. λ¦¬μ•‘νŠΈ κ²½ν—˜μ€ λ§ŽμœΌλ‚˜ λ¦¬μ•‘νŠΈ λ„€μ΄ν‹°λΈŒλŠ” μ²˜μŒμ΄λ―€λ‘œ μ½”λ“œμ— λŒ€ν•œ μ„€λͺ…을 μš”μ²­ν–ˆμ„λ•ŒλŠ” λ¦¬μ•‘νŠΈ λ„€μ΄ν‹°λΈŒκ°€ μ²˜μŒμ΄λΌλŠ” 것을 염두해 μ„€λͺ…ν•  것.

PayCheck-mobile μž‘μ—… κ°€μ΄λ“œ

PayCheck κΈ‰μ—¬ 관리 μ„œλΉ„μŠ€ 앱을 React Native(Expo)둜 λͺ¨λ°”일 ν¬νŒ…ν•œ ν”„λ‘œμ νŠΈ.

λ‚΄ μ—­ν• 

ν”„λ‘ νŠΈμ—”λ“œ + λ””μžμΈ μ „λ‹΄. λ°±μ—”λ“œλŠ” λ‹€λ₯Έ νŒ€μ› λ‹΄λ‹Ή β€” λ°±μ—”λ“œ μ½”λ“œ μˆ˜μ • μ œμ•ˆ κΈˆμ§€.

기술 μŠ€νƒ

  • Expo ~54.0.33 / React Native 0.81.5 / TypeScript ~5.9.2
  • λ„€λΉ„κ²Œμ΄μ…˜: React Navigation (Stack)
  • μƒνƒœκ΄€λ¦¬: Zustand + AsyncStorage persist
  • HTTP: Axios + 인터셉터 (토큰 μžλ™ κ°±μ‹ )
  • λΉŒλ“œ: Development Build (μ‹€μ‹œκ°„ ν…ŒμŠ€νŠΈ) + TestFlight (배포)

핡심 κ·œμΉ™

  1. TextλŠ” 항상 components/common/Text μ‚¬μš© β€” RN Text 직접 μ‚¬μš© κΈˆμ§€
  2. 색상은 src/constants/colors.ts의 colors 객체만 μ‚¬μš©, ν•˜λ“œμ½”λ”© κΈˆμ§€
  3. μƒˆ μ»΄ν¬λ„ŒνŠΈ μ „ src/components/ ν•˜μœ„ μž¬μ‚¬μš© κ°€λŠ₯ν•œ 것 λ¨Όμ € 확인
  4. λ„€μ΄ν‹°λΈŒ λͺ¨λ“ˆ μ‹ κ·œ μ„€μΉ˜ μ‹œ Development Build μž¬λΉŒλ“œ ν•„μš” β€” λ°˜λ“œμ‹œ μ‚¬μš©μžμ—κ²Œ μ•Œλ¦Ό
  5. git commit에 Co-Authored-By: Claude 라인 μ ˆλŒ€ 포함 κΈˆμ§€
  6. 이슈/PR μž‘μ„± μ‹œ λ°˜λ“œμ‹œ .github/ISSUE_TEMPLATE/, .github/PULL_REQUEST_TEMPLATE.md ν˜•μ‹μ„ λ”°λ₯Έλ‹€. 자체 양식 λ§Œλ“€μ§€ 말 것.
  7. docs/exec-plans/active/ 의 μž‘μ—… κ³„νšμ„œλŠ” PR λ¨Έμ§€ μ „ git rm으둜 μ‚­μ œν•œλ‹€. archive ν΄λ”λŠ” μ‘΄μž¬ν•˜μ§€ μ•ŠλŠ”λ‹€.
  8. λ°±μ—”λ“œ μ½”λ“œ μˆ˜μ • μ œμ•ˆ κΈˆμ§€. λ°±μ—”λ“œ 원인 발견 μ‹œ λ°±μ—”λ“œ λ ˆν¬μ— 별도 이슈둜 λ“±λ‘ν•œλ‹€ (λ°±μ—”λ“œ 레포 μœ„μΉ˜λŠ” μ‚¬μš©μžκ°€ μ•Œλ €μ€€ κ²½μš°μ—λ§Œ μ ‘κ·Ό β€” νŒ€μ›λ³„ 둜컬 ν™˜κ²½μ΄ 닀름).
  9. λͺ¨λ“  κ΅¬ν˜„ μž‘μ—…μ€ developμ—μ„œ 직접 ν•˜μ§€ 말고 μƒˆ μž‘μ—… 브랜치(feature/Β·fix/Β·bug/ prefix)μ—μ„œ μ§„ν–‰ν•œλ‹€. paycheck-feature νŒ€ 슀폰 / paycheck-component / paycheck-hook / 직접 μˆ˜μ • λͺ¨λ‘ ν•΄λ‹Ή. μž‘μ—… μ‹œμž‘ 전에 git status둜 ν˜„μž¬ 브랜치 확인, develop이면 git checkout -b <new-branch>둜 λΆ„λ¦¬ν•œλ‹€ (working tree 변경은 μžλ™μœΌλ‘œ λ”°λΌμ˜΄).

μžκΈ°κ°œμ„  κ·œμΉ™

μ‚¬μš©μžκ°€ ν•˜λ„€μŠ€/μ›Œν¬ν”Œλ‘œμš°/μ»¨λ²€μ…˜μ— λŒ€ν•œ μ •μ •Β·μƒˆ κ·œμΉ™μ„ μ•Œλ €μ£Όλ©΄ μ¦‰μ‹œ λ‹€μŒμ„ μˆ˜ν–‰ν•œλ‹€:

  1. 어디에 λ°˜μ˜ν• μ§€ 식별:
    • 절차/μŠ€ν‚¬ β†’ .claude/skills/{κ΄€λ ¨ μŠ€ν‚¬}/SKILL.md
    • μ—μ΄μ „νŠΈ 행동 β†’ .claude/agents/{κ΄€λ ¨ μ—μ΄μ „νŠΈ}.md
    • ν”„λ‘œμ νŠΈ μ „λ°˜ κ·œμΉ™ β†’ 이 CLAUDE.md
    • μ™ΈλΆ€ μ‹œμŠ€ν…œ λ¬Έμ„œ β†’ docs/{ν•΄λ‹Ή λ¬Έμ„œ}.md
  2. ν•΄λ‹Ή νŒŒμΌμ„ μ¦‰μ‹œ μˆ˜μ • (Edit/Write)
  3. λ³€κ²½ μœ„μΉ˜/λ‚΄μš©μ„ μ‚¬μš©μžμ—κ²Œ μš”μ•½ 보고
  4. 변경은 git에 흔적을 남긴닀 (PR 포함 λ˜λŠ” 별도 chore 컀밋)

이미 ν•˜λ„€μŠ€μ— 반영된 κ·œμΉ™μ€ λ©”λͺ¨λ¦¬ μ‹œμŠ€ν…œμ— 쀑볡 μ €μž₯ν•˜μ§€ μ•ŠλŠ”λ‹€.

μ—μ΄μ „νŠΈ / μŠ€ν‚¬

μž‘μ—… μ‹œμž‘μ : 항상 GitHub Issue 기반으둜 μž‘μ—…ν•œλ‹€.

μŠ€ν‚¬ μš©λ„
paycheck-issue 메인 μ§„μž…μ  β€” Issue 뢄석 β†’ 원인 진단 β†’ exec-plan β†’ κ΅¬ν˜„ β†’ ν…ŒμŠ€νŠΈ λŒ€κΈ° β†’ PR
paycheck-component 단일 μ»΄ν¬λ„ŒνŠΈ/ν™”λ©΄ μž‘μ—…
paycheck-hook ν›…/API 연동 μž‘μ—…
paycheck-review μ½”λ“œ 리뷰 / PR μ „ 점검 (μ‚¬μš©μž 직접 μš”μ²­ μ§„μž…μ )
paycheck-feature 옡트인 λͺ¨λ“œ β€” ν™”λ©΄+ν›…+API+λ„€λΉ„κ²Œμ΄μ…˜ λ™μ‹œ μ‹ κ·œ μ‹œμ—λ§Œ

μ—μ΄μ „νŠΈ: paycheck-ui (UI μ „λ¬Έ) Β· paycheck-logic (둜직 μ „λ¬Έ) Β· paycheck-qa (κ²€ν† )

λ¬Έμ„œ 경둜

λ¬Έμ„œ μ„€λͺ…
docs/FRONTEND.md μ»΄ν¬λ„ŒνŠΈΒ·ν›…Β·API μ½”λ”© μ»¨λ²€μ…˜ 상세
docs/DESIGN.md λ””μžμΈ μ‹œμŠ€ν…œ (μƒ‰μƒΒ·νƒ€μ΄ν¬Β·κ°„κ²©Β·μ• λ‹ˆλ©”μ΄μ…˜)
docs/design-docs/core-beliefs.md 기술 νŒλ‹¨ μ΅œμƒμœ„ κΈ°μ€€ 원칙
docs/design-docs/index.md 섀계 λ¬Έμ„œ λͺ©λ‘
docs/generated/api-schema.md API μ—”λ“œν¬μΈνŠΈ λͺ…μ„Έ
docs/exec-plans/README.md μž‘μ—… κ³„νšμ„œ μ‚¬μš©λ²•
docs/product-specs/README.md ν”„λ‘œλ•νŠΈ λͺ…μ„Έμ„œ κ°€μ΄λ“œ
docs/references/README.md μ™ΈλΆ€ 라이브러리 레퍼런슀 κ°€μ΄λ“œ
docs/QUALITY_SCORE.md μ½”λ“œ ν’ˆμ§ˆ λ“±κΈ‰ 좔적

ν˜„μž¬ μž‘μ—…

docs/exec-plans/active/ 폴더 μ°Έμ‘°