codingstairs
노트에듀라이프연락
⌕검색⌘K
koen

Navigation

  • Intro
  • Blog
  • Life

연락하기

로그인 없이도 보낼 수 있어요. 답변이 필요하면 이메일을 함께 적어 주세요.

  • 익명 폼으로 의견 남기기 →
  • ✉ warragon112@gmail.com
  • 카카오톡 오픈채팅 ↗

© 2026 codingstairs

  • 노트
  • 에듀
  • 검색
  • 라이프
  • 연락
  • 약관
  • RSS
  • GitHub
에듀›AI 시대의 개발 도구 — Claude Code · MCP · 디자인 도구›1단계

1단계

1단계 — 왜 지금 AI 도구인가

0회 조회

1단계 — 왜 지금 AI 도구인가

ChatGPT 가 처음 나왔을 때는 복붙 챗봇. 2024 년 말부터 폭발한 변화 — 에이전트 가 코드베이스를 읽고 도구를 부르고 한 번에 수십 파일을 수정합니다.

1. 2023 vs 2025+

2023 2025+
사람이 질문 → AI 답 AI 가 직접 코드 수정 · 실행
한 번에 한 파일 수십 파일 동시
터미널 따로 · AI 따로 AI 가 셸 · DB · 브라우저 모두 호출
컨텍스트 = 채팅 컨텍스트 = MCP · CLAUDE.md · 메모리
정적 응답 반복 · 자기 검증 · 도구 연쇄

이제 AI 가 "결과물 생성" 을 넘어 "작업 수행" 을 합니다.

2. 세 가지 IDE 흐름

에이전트 CLI

Claude Code · Aider · Codex CLI · Gemini CLI

  • 셸에서 실행
  • Git · Docker · SSH 친화
  • 서버 · CI 환경에 통합
  • 키보드 중심 · 터미널 익숙한 개발자

에이전트 IDE

Cursor · Windsurf · Zed

  • VS Code 또는 자체 에디터
  • 에디터 내 UI · 프리뷰 풍부
  • 마우스 · 키보드 혼합
  • 일반 개발자 최대 공통점

에이전트 브라우저 · 데스크탑

Comet · Atlas · Dia

  • 브라우저 안에서 작동
  • 웹 기반 작업에 특화
  • 쇼핑 · 리서치 · 자동화

각자 강점이 다름. 이 강좌는 Claude Code (CLI) 중심이지만 개념은 다 호환.

3. 주요 모델 풍경 (2026)

회사 모델 강점 가격 티어
Anthropic Claude Opus 4 · Sonnet 4 코드 · 긴 컨텍스트 · 에이전트 Pro $20 · Max $200
OpenAI GPT-5 · o3-pro 추론 · 범용 · 이미지 Plus $20 · Pro $200
Google Gemini 2.5 · 3.0 멀티모달 · 저렴 · 빠름 무료 quota · Pro $20
Meta Llama 4 오픈 · 로컬 실행 무료
xAI Grok 4 실시간 · X 통합 유료

코딩 중심은 Claude 가 가장 강력 · 저렴한 양은 Gemini · 로컬 · 자유는 Llama.

4. 첫 명령

# Claude Code 설치
npm install -g @anthropic-ai/claude-code

# 프로젝트 폴더에서 실행
cd my-project
claude

# 또는 한 줄
claude -p "프로젝트 README 를 한국어로 번역해 줘"

처음 띄우면 프로젝트 폴더를 자동 인식 · 전체 컨텍스트를 잡음.

5. 학습 곡선

처음엔 "그냥 ChatGPT 쓰는 게 빠르다" 느낌. 다음 셋을 깨치면 5배 빨라집니다.

CLAUDE.md (또는 AGENT.md)

프로젝트 규칙을 미리 알려주는 설정 파일.

# 프로젝트 규칙

## 기술 스택
- Next.js 16 · TypeScript strict · Tailwind v4

## 규칙
- pnpm 만 사용
- 커밋 메시지 한국어
- `console.log` 대신 `logger.info`

Skills

반복 작업을 자동화. /skill 이름 으로 호출.

MCP (Model Context Protocol)

외부 시스템 (DB · Slack · Figma · GitHub) 을 AI 와 연결하는 표준 프로토콜.

이 강좌 나머지에서 셋을 차례로 다룹니다.

6. 실제 워크플로 예시

사용자: "게시판 댓글 기능 추가해 줘"
       ↓
AI:
1. 프로젝트 구조 파악 (package.json · src/ tree)
2. 기존 게시물 모델 · API 분석
3. 댓글 스키마 · migration 작성
4. Service · Repository 추가
5. Controller · DTO 작성
6. 프론트 UI 컴포넌트 · 폼 추가
7. 테스트 작성
8. 실행 · 결과 확인
       ↓
사용자: 코드 리뷰 → 수정 요청 → AI 재수정
       ↓
사용자: git commit (또는 AI 가 커밋)

한 지시 → AI 가 여러 도구를 연쇄 호출 → 검증까지.

7. 비용 계산

요금 요소

  • 입력 토큰 — AI 에 주는 메시지 (컨텍스트 포함)
  • 출력 토큰 — AI 응답
  • 캐시 — 반복되는 컨텍스트 저비용

2026 대략치

서비스 월 비용 하루 사용
Claude Pro $20 2~4 시간
Claude Max $200 하루 종일
OpenAI Plus $20 2~4 시간
Cursor Free 무료 제한적
Cursor Pro $20 하루 종일

사이드프로젝트는 Pro · 본업 적극 사용은 Max.

8. 주의 · 안전

  • API 키 · 비밀번호 — AI 에 보여주지 않기 (시스템 프롬프트 누출 위험)
  • 운영 DB 직접 조작 — AI 가 DROP TABLE 실행 가능. 읽기 전용 계정 권장
  • 무분별한 yes — 파괴적 명령 (rm -rf, git push --force) 은 직접 확인
  • 의존성 설치 요청 — 패키지 이름 오타 (typosquatting) 주의

9. 한계

AI 도구가 만능은 아닙니다.

  • 창의적 아키텍처 결정 — 여전히 사람이
  • 도메인 지식 깊이 — AI 가 훈련 시점 이후 내용 모를 수 있음
  • 드문 라이브러리 · 신기술 — hallucination 위험
  • 보안 · 성능 최적화 — 최종 판단은 사람

AI 는 빠른 주니어 개발자 · 시니어 역할은 사용자.

10. 심리적 전환

AI 도구를 쓸 때 가장 어려운 건 자존심. "내가 쓴 게 아닌데" 라는 느낌.

  • AI 와의 작업은 코드 리뷰 스킬 로 전환
  • 결과물을 읽고 이해 · 수정하는 능력이 핵심
  • "작성" 보다 "판단 · 지시 · 검증" 이 가치

11. 지금이 학습 적기

  • 2026 모델 세대가 안정화
  • 도구 생태계 (MCP · Skills) 가 성숙
  • 생산성 격차가 배 단위로 벌어지는 시점
  • 기초 없이 AI 만 쓰면 에러 앞에서 막힘 · 기초 + AI 조합이 진짜 가치

더 깊이

  • AI 코딩 IDE 비교 노트
  • AI CLI 도구 노트
  • AI 워크플로 도구 노트
  • LLM 풍경 노트

다음 단계

2단계에서는 Claude Code 를 직접 띄우고 첫 명령을 내려 봅니다.

2단계 →

2단계 — Claude Code 시작