01 / 15
SESSION 45 · Part 8 AI 이해와 활용

AI 코딩
도구

Cursor, Claude Code, GitHub Copilot — 각자의 자리와 쓰임

02 / 15
🎯

이 세션에서
배우는 것

🛠️
도구별 차이
Cursor · Claude Code · Copilot의 장단을 설명한다
효과적 사용 패턴
각 상황에 맞는 도구 선택과 실전 워크플로우
🧪
코드 검증
AI가 생성한 코드를 그대로 믿지 않고 검토한다
03 / 15
💭

AI 코딩 도구
골라 써야 할까?

AI 코딩 도구는 이미 개발의 기본값이 됐다.
하지만 도구마다 성격잘하는 일이 다르다.

"가장 좋은 도구"는 없다 — 내 상황에 맞는 조합이 정답이다.

04 / 15

3대 AI 코딩 도구

각자 강점이 다르다. 실제 작업 단위(줄 → 파일 → 프로젝트)로 커진다.

⌨️
GitHub Copilot
줄·블록 단위 자동완성.
VS Code / JetBrains 지원.
타이핑하면서 제안을 받는 방식.
🖱️
Cursor
자연어로 파일 전체 수정.
Claude/GPT 모델 선택 가능.
채팅 + 에디터 통합 IDE.
🤖
Claude Code
터미널 기반 AI 에이전트.
프로젝트 전체 파악 · 파일 수정 ·
명령 실행까지 자율 수행.

작은 단위 → 큰 단위 순 — 오른쪽으로 갈수록 더 많은 일을 AI에게 위임한다.

05 / 15
⌨️

GitHub Copilot —
더 깊게 이해하기

Copilot이 어떻게 내 코드 맥락을 읽고 다음 줄을 제안하는지 그 과정을 살펴보자.

1
코드 맥락 분석
현재 파일, 주변 함수, 변수명, 주석 등 열린 코드 전체를 맥락으로 읽는다.
2
LLM 추론
코드베이스에서 학습한 패턴을 바탕으로 "다음에 올 법한 코드"를 예측한다.
3
후보 코드 생성
회색 텍스트(ghost text)로 제안이 나타난다. 여러 후보 중 가장 확률 높은 것을 먼저 보여준다.
4
개발자 선택
Tab 키로 수락, Esc로 거절, Alt+]로 다른 제안 확인 — 최종 결정은 사람이 한다.
06 / 15

언제 무엇을 쓰나?

한 가지만 쓰는 게 아니다 — 상황에 따라 갈아 탄다.

⌨️
타이핑 중 빠른 보조 → Copilot
반복적인 패턴, 타입 선언, 짧은 함수 구현을 줄 단위로 빠르게 채워준다.
🖱️
파일·컴포넌트 단위 수정 → Cursor
"이 컴포넌트를 훅으로 리팩터" "이 함수에 테스트 추가" 같은 중간 크기 작업.
🤖
여러 파일·실행·디버깅 → Claude Code
"이 기능 전체를 구현해줘, 서버도 띄워서 확인하고" — 프로젝트 전체를 보며 자율 실행.
💬
아이디어 탐색·설명 → ChatGPT / Claude 웹
코드와 직접 연결되지 않은 개념 질문, 설계 비교, 학습 대화에 적합.
07 / 15
🔄

AI 코딩 워크플로 —
실제로는 어떻게?

AI 도구가 있다고 바로 쓰는 게 아니다. 효과적인 협업은 이 흐름을 따른다.

📋 요구사항 정리
🤖 AI에게 설명
📄 초안 생성
🔍 검토·수정 → 테스트

핵심: AI는 초안을 빠르게 만들어주지만, 검토와 수정은 사람의 몫이다. 이 협업 구조가 생산성의 핵심이다.

08 / 15

AI 코드, 그대로 쓰면 위험하다

AI는 자신 있게 틀린 답을 준다 — 환각. 검증은 선택이 아니다.

❌ 피해야 할 습관
결과 복사해서 바로 커밋
에러가 사라졌다고 "다 됐다" 선언
존재하지 않는 라이브러리 무비판 사용
이해 못 한 코드를 프로덕션에 반영
✅ 좋은 습관
한 줄씩 읽고 이해한 뒤 수용
테스트 · 실행 · 로그로 결과 확인
의심 가는 API는 공식 문서 교차 확인
보안·비밀 키는 사람 눈으로 반드시 검토
09 / 15
📱

실생활에서
이렇게 쓰여요

우리가 매일 사용하는 서비스 속에 AI 코딩 도구가 녹아 있다.

🐙
GitHub Copilot
전 세계 개발자 수백만 명이 에디터 안에서 자동완성으로 반복 코드를 줄이고 있다.
🖱️
Cursor
스타트업 개발자들이 파일 전체를 자연어로 수정하며 기능 구현 시간을 절반으로 줄이고 있다.
🎨
v0 (Vercel)
디자이너가 프롬프트로 React UI 코드를 즉시 생성해 개발자에게 넘기는 새 워크플로가 생겼다.

💡 AI 코딩 도구가 없다면 같은 기능을 구현하는 데 몇 배의 시간이 걸린다.

10 / 15
💡

자주 하는
오해 바로잡기

이렇게 생각하기 쉽지만, 실제로는 조금 다릅니다.

❌ 흔한 오해
  • AI가 코드를 다 짜준다
  • AI 코딩 도구 = 개발자 대체
  • AI가 짠 코드는 버그가 없다
✓ 실제로는
  • 초안을 빠르게 만들어주지만 검토·수정이 필수다
  • 생산성을 높이는 보조 도구 — 책임은 사람에게 있다
  • AI도 틀린다 — 반드시 테스트하고 실행해봐야 한다
11 / 15
👥

AI 코딩 도구는 주니어 팀원이다

똑똑하고 빠르지만, 책임은 여전히 내 몫이다.

🧑‍💻 팀원 비유
빠른 초안 작성
=
지시하면 금방 가져온다 — 시간을 크게 아껴준다
가끔 틀린다
=
자신 있게 틀린 답을 내민다 — 반드시 검토
최종 책임
=
내 이름으로 나가는 결과물 — 내가 이해하고 승인
성장의 촉매
=
코드를 읽으며 배운다 — "왜 이렇게 썼지?"가 학습이 된다
12 / 15
🤖

이걸 알면
AI와 이렇게 대화해요

AI 코딩 도구 개념을 이해하면 Claude나 ChatGPT를 훨씬 잘 활용할 수 있다.

👤
이 코드 에러가 뭔지 모르겠어요.
🤖
어떤 언어인가요? 에러 메시지와 코드를 함께 보여주시면 더 정확히 도울 수 있습니다.
👤
[에러 메시지]와 [문제 코드]를 붙여넣으면서: "React 18 환경에서 이 에러가 왜 나는지 원인과 해결책 알려줘."
🤖
에러는 useEffect 의존성 배열 문제입니다. 3번째 줄의 fetchData를 의존성에 추가하거나 useCallback으로 감싸면 해결됩니다.
13 / 15

이렇게
이해하셨나요?

맞게 이해하셨어요
AI 코딩 도구는 코드 작성을 보조하는 도구다
이렇게는 아니에요
AI 코딩 도구 = 개발자 완전 대체
맞게 이해하셨어요
AI가 짠 코드도 반드시 검토하고 테스트해야 한다
이렇게는 아니에요
AI 도구를 쓰면 프로그래밍을 몰라도 된다

💪 AI 도구를 잘 쓰는 개발자가 가장 생산적입니다. 하지만 코드를 이해하는 사람이 AI도 잘 씁니다!

14 / 15
📌

핵심 정리

⌨️
Copilot
줄 단위 자동완성 —
에디터 내장 보조
🖱️
Cursor
파일 단위 자연어 수정 —
채팅+에디터 IDE
🤖
Claude Code
터미널 자율 에이전트 —
프로젝트 전체 수행
🧪
검증 필수
한 줄씩 읽고 이해,
테스트·실행으로 확인
🧰
조합해서 쓰기
한 도구로 통일 X,
상황에 맞춰 갈아타기
🙋
책임은 사람
AI는 주니어 팀원 —
최종 승인은 내가
15 / 15
🚀

다음 세션
Session 46 · 바이브코딩 워크플로

도구를 알았으니, 이제 실제 흐름을 엮어볼 차례다.
아이디어 → 명세 → AI 생성 → 테스트 → 피드백 — 바이브코딩의 반복 사이클을 배운다.

💡 기억할 것: AI는 도구, 선택은 사람. 코드의 주인은 여전히 나.

슬라이드 목록