코드 중복 방지

핵심 개념

같은 코드가 여러 파일에 있으면 수정 시 모두 찾아야 합니다. 공통 코드는 한 곳에 모아 관리합니다.

본문

중복 방지❌ 나쁜 예 (3곳에 중복):// page1.tsxconst fmt = d => d.toLocaleDateString()// page2.tsxconst fmt = d => d.toLocaleDateString()✅ 좋은 예 (한 곳에 정의):// utils/format.tsexport const formatDate = (d: Date) => d.toLocaleDateString('ko-KR')// 모든 파일에서 importimport { formatDate } from '@/utils/format'

🛠️ 이 챕터의 실습 방법

실습 1: 칸반 보드 만들기

GitHub Projects에서 칸반 보드를 만들어보세요:

GitHub 저장소 → Projects → New Project
컬럼 3개: Todo / In Progress / Done
이번 주 작업 5개를 카드로 추가

실습 2: ESLint + Prettier 설정

BASH📋 코드 (4줄)

npm install -D eslint prettier eslint-config-prettier
npx eslint --init
# .prettierrc 파일 생성
echo '{"semi": true, "singleQuote": true}' > .prettierrc

실습 3: 회고 작성

2주마다 아래 양식으로 회고를 작성하세요:

잘한 점 3가지
개선할 점 3가지
다음 2주에 시도할 것 1가지

AI 프롬프트

🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트

무료 모델

Gemini 2.5 Flash(무료) + Claude Sonnet 4.6(무료) + Grok 4.1(무료)

'코드 중복 방지' 기획을 0원으로 시작하고 싶어.
ChatGPT(아이디어) → Gemini(경쟁 분석) → Claude(기획서 구조화) 순서로
Notion+Figma+GitHub Projects만 사용하는 워크플로우를 설계해줘.

소자본 모델

Claude API + Cursor $20/mo + Make.com — 월 10~30만원

'코드 중복 방지' 기획에 AI를 활용해서 시간을 단축하고 싶어.
Perplexity API(시장조사) + Claude API(문서 작성) + Cursor(프로토타입) 조합으로
1주일 안에 기획→MVP까지 끝내는 월 20만원 플랜을 짜줘.

프로덕션 모델

Claude Opus + CrewAI + LangGraph — 월 100만원+

'코드 중복 방지'를 팀 프로젝트로 확장하려 해.
AI PM(Claude Opus) + AI 리서처(Perplexity) + AI 개발(Cursor+Copilot)
에이전트 팀과 AGENTS.md 협업 프로토콜을 월 100만원 예산으로 설계해줘.

스택 프롬프트

0원→$20/mo→$100/mo 단계별 스택 비교

'코드 중복 방지' 기획에 최적화된 AI 도구 조합을 단계별로 알려줘.
무료(Notion+Figma+ChatGPT) → 소자본(Cursor+Perplexity API) → 프로덕션(CrewAI+LangGraph)
각 단계별 도구·결과물·전환 시점을 비교해줘.

⭐ 이것만 기억하세요

코드 중복 방지는 이 3가지만 확실히 잡으세요

1.같은 로직을 여러 파일에 복붙하면 하나를 수정할 때 나머지를 전부 찾아야 합니다

2.공통 로직은 유틸 함수, 커스텀 훅, 공용 컴포넌트로 추출하고 한 곳에서 관리합니다

3.다음 챕터에서 프로젝트 문서화의 핵심인 README 작성법을 배웁니다

💬 이 챕터 질문 보기

PROJECT-PLAN · CH.22 — 질문하거나 답변을 확인하세요

→

진행도 22 / 34

← 커리큘럼으로 ← 목록으로 (프로젝트 기획)