gymcoding
@gymcoding
Học viên
33,822
Đánh giá khóa học
2,380
Đánh giá khóa học
4.9
안녕하세요.
코딩 교육 크리에이터 짐코딩입니다 😊
비개발자도 따라할 수 있도록
최대한 쉽게, 최대한 알차게 설명드립니다.
항상 수강생 입장에서 생각하는
코딩 교육 크리에이터가 되겠습니다.
🏆 인프런 Awards 2025 베스트셀러 수상 (React 완벽 마스터)
🔥 인프런 2025 지금 가장 HOT한 강의 선정 (클로드 코드 완벽 마스터)
📺유튜브 | 구독자 4만+ 무료 강의
💻짐코딩 클럽 | 전체 강의 & 무료 교안
🐙GitHub | 예제 소스코드
📷인스타그램 | 일상 & 꿀팁
🧵스레드 | 개발 인사이트
Khóa học
Đánh giá khóa học
- Làm chủ hoàn toàn Claude Code: Từ cơ bản đến thực tiễn quy trình phát triển AI
- Làm chủ hoàn toàn Claude Code: Từ cơ bản đến thực tiễn quy trình phát triển AI
- Winging the Front End: Kiến thức cần biết trước khi học Vue và React
- Làm chủ hoàn toàn Claude Code: Từ cơ bản đến thực tiễn quy trình phát triển AI
- Làm chủ hoàn toàn Claude Code: Từ cơ bản đến thực tiễn quy trình phát triển AI
Bài viết
Hỏi & Đáp
mcp를 사용하여 연결하는 궁극적인 목적이있을까요.
Slas님, 안녕하세요 🙂좋은 관점의 질문이에요. 토큰까지 고려하신다는 건 이미 Claude Code 감이 잡히셨다는 뜻이네요.MCP(Model Context Protocol)는 Claude 같은 AI와 외부 서비스를 연결하는 표준 프로토콜이에요. USB-C 같은 공통 규격이라고 보시면 쉬워요. 예전엔 서비스마다 연결 방식이 제각각이었는데, MCP가 그 규격을 통일한 거죠.Slas님 말씀대로, 단순히 DB에 SELECT/INSERT 정도만 하실 거라면 직접 연결해도 충분합니다. 이 판단 자체는 정확해요. 다만 MCP는 "DB 연결"을 대체하는 도구가 아니라, Supabase라는 플랫폼 전체를 Claude가 제어할 수 있는 인터페이스예요. Supabase MCP로는 이런 작업들을 프롬프트 한 줄로 처리할 수 있어요.프로젝트/스키마 생성, 마이그레이션 적용RLS 정책 작성·검증Edge Functions 배포TypeScript 타입 자동 생성로그 조회 및 디버깅Storage, Auth 설정즉 DB 연결은 MCP가 제공하는 기능 중 일부일 뿐이에요. 게다가 DB 연결 문자열이나 API 키를 Claude에 직접 노출하지 않고, Supabase가 공식 관리하는 안전한 경로로 작업이 들어간다는 것도 큰 차이입니다.마지막으로 걱정하신 토큰 낭비는 Tool Search로 대부분 해결됐어요. 2026년 1월 Claude Code에 기본 탑재된 기능인데, MCP 도구들을 세션 시작 시 전부 로드하지 않고 필요할 때만 검색해서 불러오는 방식이에요. Anthropic 공식 기준으로 토큰 사용량 약 85% 감소 Claude API Docs, 도구 선택 정확도도 Opus 4.5 기준 79.5% → 88.1%로 개선 Anthropic됐습니다. 이 내용은 강의 뒷부분에서 다루니까 그때 더 자세히 보시면 돼요.정리하면, 단일 기능만 쓸 거면 DB 직접 연결도 합리적이고, 프로젝트 전반에서 Supabase를 다룰 거면 MCP가 훨씬 효율적이에요. 토큰은 이제 크게 신경 안 쓰셔도 되고요.감사합니다 🙂
- 0
- 2
- 23
Hỏi & Đáp
Windows 스크린샷 붙여넣기 불가
안녕하세요 🙂터미널 섹션에서 설명 드린것처럼 환경별로 단축키가 조금 다를 수 있어요.(사진)alt + v 로 해보시겠어요?
- 0
- 2
- 24
Hỏi & Đáp
Refund Requested Because it is not in English
Hello G. Dharmar 🙂I'm sorry for the inconvenience. Unfortunately, I don't have the authority to process refunds directly. All refund requests need to go through Inflearn's customer support.I'll also reach out to Inflearn to help your refund get processed as quickly as possible. In the meantime, please contact Inflearn's help center directly to submit your refund request as well. That way it can be handled faster from both sides.Thank you for understanding 🙂
- 0
- 2
- 23
Hỏi & Đáp
I want English Version
Hello G. Dharmar! 🙂Thank you for your interest in the course.Unfortunately, this course is currently available in Korean only, and there is no English version planned at the moment. The lectures, prompts, and course materials are all in Korean.I'd recommend trying Inflearn's dubbing feature. It provides AI-powered translated audio for the lectures, and this would be the best option available right now for following along in English.Thank you for understanding 🙂
- 0
- 2
- 17
Hỏi & Đáp
여기서 제공한 스타터팩 링크 좀 부탁드립니다.
안녕하세요 스타터킷 공유드려요http://github.com/gymcoding/claude-nextjs-starters해당 스타터킷은 만들기 어렵지 않아요 그렇기 때문에최대한 직접 강의를 보면서 다시 만드시면 어렵지 않게 만들수 있어요감도 살아오고요!! 하나씩 차근차근!!!이미 한번 보셨기 때문에 금방 할거에요 ㅎㅎhttps://inf.run/JQFTB위 회차부터 보시면 만들 수 있어요 🙂감사합니다 🙂
- 0
- 1
- 24
Hỏi & Đáp
스타터킷을 잃어버렸습니다. 주소 좀 다시 부탁드립니다.
안녕하세요 스타터킷 공유드려요http://github.com/gymcoding/claude-nextjs-starters해당 스타터킷은 만들기 어렵지 않아요 그렇기 때문에 최대한 직접 강의를 보면서 다시 만드시면 어렵지 않게 만들수 있어요감도 살아오고요!! 하나씩 차근차근!!!이미 한번 보셨기 때문에 금방 할거에요 ㅎㅎhttps://inf.run/JQFTB위 회차부터 보시면 만들 수 있어요 🙂감사합니다 🙂
- 0
- 2
- 31
Hỏi & Đáp
추가 기능 개발 관련 질문
안녕하세요! 🙂이 질문은 제가 "이렇게 하세요"라고 딱 정답을 내려드리기 어려운 부분이에요. 추가 기능이라고 해도 규모나 성격이 천차만별이거든요.판단 기준은 단순해요. 맥락이 필요하면 @로 걸고, 필요 없으면 안 거는 것. 이게 전부예요.예를 들어 기존 PRD의 정책이나 용어, 데이터 구조를 그대로 이어가야 하는 기능이면 PRD를 @로 걸어주시고요. 로드맵의 흐름을 이어받아야 하면 ROADMAP을 걸어주시고요. 반대로 기존 맥락이랑 거의 독립적인 단순 기능이면 @ 없이 Plan tasks만으로 진행하셔도 충분해요.그리고 PRD_V2, ROADMAP_V2를 꼭 별도로 만들어야 하는 것도 아니에요. 기능 단위로 prd-feature-x.md 이렇게 쪼개는 방법도 있고, 변경 규모가 크면 V2로 가는 것도 방법이고요. 이것도 상황에 따라 다릅니다.그리고 한 가지 더 말씀드리면요, 너무 고민하지 마시고 일단 해보세요. 해보다가 맥락이 부족해 보이면 그때 @로 걸어주시면 되고, 필요 없으면 그냥 진행하시면 돼요. 몇 번 해보시면 "아 이런 경우엔 맥락이 필요하구나", "이 정도는 없어도 되는구나" 하는 감이 잡히거든요.제가 만약 "무조건 이렇게 하세요"라고 답을 내려드리면 당장은 편하실 수 있지만, 다음번에 비슷한 상황이 와도 또 똑같은 질문을 하시게 될 거예요. 이런 판단은 매번 상황에 따라 직접 해보면서 체득하는 영역이라, 일단 해보시고 구체적으로 막히는 지점이 생기면 그때 다시 질문 주시는 게 훨씬 도움이 됩니다.감사합니다 🙂
- 0
- 2
- 21
Hỏi & Đáp
복사 붙여넣기 첫번째 줄만 입력되는 오류
안녕하세요! 🙂이거 버그 같은데요?혹시 다른 툴에서도 테스트해보셨나요? VS Code 내장 터미널에서 똑같이 복사 붙여넣기 해보시고, 거기서는 정상 동작한다면 안티그래비티 쪽 버그일 가능성이 높아요. (사실 버그같아요^^)다른 툴에서는 정상인데 안티그래비티에서만 이런 현상이 발생한다면 두 가지 방법 중에 선택하시면 돼요.안티그래비티를 최신 버전으로 업데이트해보시기다른 툴(기본 터미널이나 VS Code)에서 작업하시기저도 이런 상황은 처음 봐요. 일단 다른 툴에서 먼저 재현되는지 확인해보시세요감사합니다 🙂
- 0
- 2
- 26
Hỏi & Đáp
기존 윤지운영 프로젝트 PRD 작성에 관해
안녕하세요! 🙂먼저 말씀드리면, 이 부분은 프로젝트 규모나 팀 상황, 변경 빈도에 따라 정답이 달라요. 제가 말씀드리는 건 일반적인 가이드라고 생각하시고, 본인 상황에 맞게 조정하시면 됩니다.기존 유지운영 프로젝트는 신규 프로젝트랑 접근을 조금 다르게 가져가시는 게 좋아요. PRD가 원래 "앞으로 만들 것"에 대한 문서다 보니, 이미 운영 중인 시스템을 PRD로 역으로 만드는 건 성격이 안 맞을 수 있거든요. 물론 이것도 상황에 따라 달라요. 기존 시스템 문서가 아예 없어서 전체 리뉴얼 수준의 대규모 작업이 예정되어 있다면 기존 소스 기반으로 PRD를 만드는 게 맞을 수도 있고요.일반적으로는 이런 방향을 고려해볼 수 있어요.기존 시스템은 PRD보다 현행 문서로 정리하는 게 보통 더 자연스러워요. ARCHITECTURE.md나 SYSTEM-OVERVIEW.md 같은 이름으로 주요 기능, 데이터 흐름, 핵심 모듈 정도만 가볍게 정리해두시면 돼요. 클로드 코드한테 기존 코드베이스 분석시켜서 초안 뽑으면 금방 만들 수 있어요. 다만 프로젝트 규모가 작고 본인이 시스템을 훤히 알고 계시면 이 문서도 생략 가능해요.새로운 요구사항이 생기면 그때 PRD 작성하는 방식이 관리하기 편해요. 앞서 만든 현행 문서를 함께 컨텍스트로 넣어주면 클로드 코드가 기존 시스템과의 연계를 고려해서 PRD를 만들어줍니다.기존 PRD 업데이트냐 신규 PRD 작성이냐도 변경 규모에 따라 달라요.작은 수정이나 버그 픽스 → PRD 없이 바로 작업하는 게 효율적일 수 있어요기능 추가나 개선 → 해당 기능 단위로 신규 PRD 작성 (예: prd-notification-feature.md)전체 리뉴얼 수준 → 기존 PRD를 대체하는 신규 PRD 작성기존 PRD를 계속 업데이트하는 방식은 개인적으로 잘 추천드리지 않아요. 히스토리 추적이 어려워지고 어느 시점의 요구사항이었는지 헷갈리거든요. 다만 팀에서 "PRD는 항상 최신 상태여야 한다" 같은 원칙이 있다면 그 규칙에 맞추셔야 하고요.결국 어떤 방식이 맞는지는 프로젝트 성격에 따라 다르니, 위 내용을 참고해서 본인 상황에 맞는 방향으로 선택하시면 됩니다.감사합니다 🙂
- 0
- 2
- 29
Hỏi & Đáp
미션6 에서 8단계 실행중 에러가 발생하고 진행이 안됩니다
안녕하세요 🙂API Error: 500 은 Anthropic 서버 쪽에서 발생한 오류예요. 수강생님 PC나 설정, 프롬프트 문제가 아니라 서버 내부 에러라서, 이 상태에서는 뭘 해도 그대로 에러가 납니다.공교롭게도 질문 올려주신 4월 16일 00:02경(한국시간) Anthropic 쪽에 장애가 있었어요. 공식 상태 페이지(status.claude.com)에 4월 15일 14:53 UTC(한국시간 23:53)부터 Claude.ai, API, Claude Code 전반에 에러가 증가했고, 17:42 UTC(한국시간 새벽 2:42)에 복구 완료 Claude 로 기록되어 있습니다. 딱 그 시간대에 미션 수행하신 거라 장애에 걸리신 것 같아요.해결 방법은 단순합니다. 몇 분 뒤 재시도해 보시면 정상 동작할 거예요. 장애 때 서버 연결 확인(/status 같은 명령)은 인증 경로만 체크하는 거라 정상으로 나올 수 있어서, 실제 메시지 전송 시점에 500이 터지는 경우가 많습니다.앞으로 API Error: 500, 529, overloaded 같은 에러가 보이면 가장 먼저 status.claude.com 확인하시는 습관을 들여두시면 좋아요. 이런 에러는 Claude Code 쓰시면서 간간이 마주치게 되는데, 서버 상태 먼저 보고 → 문제없으면 그때 로컬 환경 의심하시는 순서가 가장 빠릅니다.감사합니다 🙂
- 0
- 2
- 23





