짐코딩
@gymcoding
수강생
36,287
수강평
2,776
강의 평점
4.9
안녕하세요.
코딩 교육 크리에이터 짐코딩입니다 😊
비개발자도 따라할 수 있도록
최대한 쉽게, 최대한 알차게 설명드립니다.
항상 수강생 입장에서 생각하는
코딩 교육 크리에이터가 되겠습니다.
🏆 인프런 Awards 2025 베스트셀러 수상 (React 완벽 마스터)
🏆 인프런 2025 지금 가장 HOT한 강의 선정 (클로드 코드 완벽 마스터)
🏆 인프런 2026 클로드 코드 강의 BEST 1⃣ (클로드 코드 완벽 마스터)
📺유튜브 | 구독자 4만+ 무료 강의
💻짐코딩 클럽 | 전체 강의 & 무료 교안
🐙GitHub | 예제 소스코드
📷인스타그램 | 일상 & 꿀팁
🧵스레드 | 개발 인사이트
강의
클립
전체 3Claude Code 토큰 완벽 가이드: AI 네이티브 개발의 핵심
Claude Code 토큰 완벽 가이드: AI 네이티브 개발의 핵심Claude Code를 사용하다가 갑자기 사용량 제한에 걸린 경험이 있으신가요? 처음에는 똑똑하던 AI가 대화가 길어지면서 바보처럼 같은 코드를 반복하거나 이상한 답변을 하는 걸 느끼셨나요? 이 모든 현
짐코딩
12월 25일
로드맵
전체 6수강평
- 클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
- 클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
- 클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
게시글
질문&답변
동영상 끊김 ( 섹션 2 )
안녕하세요! 🙂이 부분은 인프런 고객센터로 문의해주시는 게 가장 빠르고 정확해요.조금 풀어서 말씀드릴게요. 저는 강의 영상(mp4 파일)을 만들어서 인프런에 업로드하는 역할이고, 그 영상을 수강생분들께 재생해서 보여드리는 건 인프런 플랫폼이 담당해요. 그래서 영상이 끊기는 문제는 플랫폼의 재생·서버 쪽 영역이라, 안타깝게도 제가 강사 입장에서 직접 확인하거나 손볼 수 있는 부분이 아니에요.말씀해주신 것처럼 다른 강의는 정상이었다면 영상 파일 자체보다 일시적인 재생 환경 문제일 가능성이 있어서, 인프런 쪽에서 확인하면 원인을 더 정확히 짚어줄 거예요. 인프런 우측 하단 채널톡(문의하기)으로 "어떤 강의의 몇 강에서, 어느 부분이 끊긴다"고 남겨주시면 됩니다.번거롭게 해드려 죄송하지만, 이렇게 안내드리는 게 가장 확실하게 해결되는 길이라 말씀드려요. 빨리 해결되어서 편하게 수강하실 수 있길 바랄게요 🙂감사합니다 🙏
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 26
질문&답변
supabase 다른 프로젝트 적용 관련 질문드려요.
오후 8:45안녕하세요! 🙂env.example 파일은 그냥 만드시면 돼요. 별거 아니에요.이 파일은 "이런 환경변수가 필요하다"고 적어두는 양식(샘플) 파일일 뿐이라, 없으면 직접 만드셔도 되고 아예 건너뛰셔도 괜찮아요. 실제 동작에 쓰이는 건 키 값이 들어가는 .env.local 파일이거든요. 이 파일에 Supabase URL과 키만 넣어주시면 됩니다.참고로 클로드 코드는 같은 지시여도 결과가 조금씩 달라서, 영상과 파일 구성이 다르게 나올 수 있어요. 그럴 땐 ".env.local 파일 만들어줘"처럼 클로드 코드에 바로 시키시는 것도 좋은 방법이에요 🙂감사합니다 🙏
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 32
질문&답변
시스템관리자가 앱을 차단했다고 뜹니다.
안녕하세요! 🙂솔직하게 말씀드리면, 지금 남겨주신 내용만으로는 어떤 오류인지 정확히 파악하기가 어려워서 바로 도와드리기가 조금 힘들어요. 오류라는 게 어떤 동작을 하다가, 정확히 어떤 메시지가 떴는지에 따라 원인이 완전히 달라지거든요. 그래서 어떤 작업을 하려다가(예: 어떤 명령을 입력), 전체 에러 메시지가 어떻게 떴는지 스크린샷이나 텍스트로 남겨주시면 훨씬 정확하게 짚어드릴 수 있어요.그래도 가능성이 높은 순서로 먼저 안내드릴게요.가장 흔한 경우는 PowerShell이 스크립트 실행을 막아둔 정책 때문이에요. 이때는 보통 "이 시스템에서 스크립트를 실행할 수 없으므로..." 같은 문구가 함께 떠요. 만약 이 경우라면, PowerShell을 관리자 권한으로 실행한 뒤 아래 명령으로 현재 사용자에게만 스크립트 실행을 허용하면 해결되는 경우가 많아요.powershellSet-ExecutionPolicy -Scope CurrentUser RemoteSigned반면 메시지에 "시스템 관리자가 차단"이라는 표현이 그대로 떠 있다면, PowerShell보다는 윈도우 보안 기능이나 백신 프로그램이 실행 파일을 막은 경우일 수 있어요. 이건 PC 환경마다 원인이 달라서, 검색에 나오는 것처럼 Defender나 UAC를 끄는 방식은 보안상 권하지 않습니다.그리고 한 가지 더 추천드리면, 이렇게 특정 PC 환경에서만 나는 오류는 클로드 코드에게 직접 물어보시는 게 가장 빠른 방법이에요. 전체 에러 메시지를 그대로 복사해서 "이 오류 원인이 뭐고 어떻게 해결하면 돼?"라고 붙여넣으면, 본인 환경에 맞는 해결책을 안내해줍니다. 개발하다 보면 도구 설치 단계의 오류는 정말 흔한 일이고, 특정 환경에서만 발생하는 경우가 많거든요.위 방법으로 해결되거나, 아니면 전체 에러 메시지를 남겨주시면 이어서 봐드릴게요 🙂감사합니다 🙏
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 23
질문&답변
프로젝트 폴더 복사 후 사용 관련
안녕하세요! 🙂두 가지 모두 가능한데, 짚어드릴 부분이 있어서 나눠서 말씀드릴게요.1번은 네, 가능합니다. 프로젝트 폴더는 독립적이라 다른 프로젝트 폴더를 참조하지 않아요. 다만 다른 PC에서 바로 돌리려면 두 가지를 챙기셔야 해요.하나는 npm install이에요. node_modules 폴더는 보통 git에 올라가지 않아서, 옮긴 PC에서 한 번 설치해주셔야 합니다. 다른 하나는 환경변수 파일(.env.local)이에요. 여기에 Supabase 접속 키가 들어있는데, 이 파일도 git에 올라가지 않도록 기본 설정(.gitignore)이 되어 있어서, 옮긴 PC에 직접 만들어주셔야 해요. 이 두 가지만 챙기시면 Supabase 프로젝트 자체는 클라우드에 그대로 있으니 문제없이 작동합니다.2번은 오해가 있으실 수 있을 것 같아 말씀드리면, 프로젝트 폴더를 Supabase에 "올리는" 개념은 아니에요. Supabase는 데이터베이스·인증·스토리지를 담당하는 백엔드이고, 클라우드에 따로 존재해요. 우리 코드 폴더는 .env.local에 적힌 URL과 키로 그 Supabase에 연결될 뿐이고요.그래서 질문 의도를 살려서 답을 드리면, 같은 코드를 서로 다른 Supabase 프로젝트에 각각 연결하는 건 가능해요. Supabase 대시보드에서 프로젝트를 두 개 만들고, 코드의 .env.local에 적힌 URL·키만 바꿔주면 각각 다른 백엔드에 붙습니다. 다만 이때 새 Supabase 프로젝트에는 테이블 같은 DB 구조가 비어 있으니, 스키마는 다시 만들어주셔야 해요.혹시 "올린다"가 다른 의미셨다면(예: 완성한 앱을 인터넷에 배포하는 것), 그건 Supabase가 아니라 Vercel 같은 배포 서비스 영역이라 따로 말씀 주시면 그쪽으로 안내해드릴게요 🙂감사합니다 🙏
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 29
질문&답변
기술스택 강의 관련해서 질문드려요.
안녕하세요! 🙂결론부터 말씀드리면, 위 항목들을 미리 한 번에 다 설치하실 필요는 없어요. 기능을 구현하면서 필요한 시점에 설치하시면 됩니다.기술스택 목록은 "이걸 전부 먼저 깔아두세요"라는 의미라기보다, 프로젝트가 어떤 방향으로 갈지 잡아두는 설계도에 가까워요. 그래서 실제로는 해당 기능을 붙이는 단계에서 필요한 것만 설치하게 됩니다.말씀하신 항목들을 나눠보면 이렇게 정리돼요.별도 설치가 아예 필요 없는 것도 있어요. Next.js API Routes는 패키지가 아니라 Next.js에 내장된 기능이라 따로 설치할 게 없습니다. TypeScript와 Tailwind CSS는 create-next-app으로 프로젝트를 만들 때 옵션으로 함께 설치돼서, 확인하신 것처럼 이미 들어가 있는 경우가 많아요.함께 딸려오는 것도 있어요. lucide-react는 shadcn/ui를 설치하면 기본 아이콘 라이브러리로 같이 설치되는 경우가 많습니다.나머지(Zustand, React Hook Form + Zod, Supabase 클라이언트)는 상태관리·폼·DB 기능을 실제로 붙이는 단계에서 설치하시면 됩니다.그래서 매번 똑같은 게 아니라, 만드는 프로젝트와 기능에 따라 필요한 것만 설치하는 흐름이라고 보시면 돼요. 경우의 수가 워낙 많아서 "이건 무조건 깔고 시작" 식으로 외우기보다, 구현하면서 필요할 때 설치한다는 흐름만 잡으시면 충분합니다. 어떤 패키지가 필요한지는 클로드 코드가 판단해서 설치 명령까지 제안해주니, 그 부분도 너무 부담 갖지 않으셔도 돼요 🙂감사합니다 🙏
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 32
질문&답변
강의 자료를 찾을 수 없습니다ㅠㅠ
안녕하세요 🙂(사진)위 링크를 클릭했는데 영상이 재생된다는 말씀이시죠?? 하지만 그건 정상 작동이에요. 해당 회차 클릭시 강의교안 및 소스코드 설명 영상이 나오는게 맞아요.그리고 해당 영상에서 밑으로 내리면 (사진)강의교안 관련해서 링크가 있어요.그리고 여기서 강의교안 링크 클릭시 아래와 같이 노션 자료가 나와요~!(사진)이부분이 아니라면 조금만 더 자세히 설명해주시면 도와드릴게요~!
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 35
질문&답변
서브에이전트 문의
안녕하세요! 🙂결론부터 말씀드리면, 반드시 직접 수정하실 필요는 없어요. 다만 특정 버전이 꼭 필요한 프로젝트라면 명시해두시는 게 좋습니다.특정 버전이 중요한 경우(회사 프로젝트, 기존 코드베이스와 맞춰야 할 때 등)에는 원하는 버전을 PRD에 직접 적어주시는 게 확실해요. 반면 학습용으로 새로 만드는 프로젝트라면 굳이 버전을 고정하지 않아도 괜찮습니다.오히려 추천드리는 방법은, PRD에 버전을 적기 전에 클로드 코드에게 최신 안정 버전을 확인하도록 시키는 것이에요. "현재 Next.js 최신 안정 버전을 확인하고 PRD에 반영해줘"처럼요. 모델이 기억하는 버전을 믿기보다, 탐색 단계에서 실제 버전을 확인하게 하는 게 워크플로우상 더 안전합니다.감사합니다 🙏
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 28
질문&답변
노션 강의 화면과 실제 화면과 너무 달라서 수업 진행이 안 됩니다
안녕하세요 🙂따라 하기 어려우셨다니 답답하셨을 것 같아요. 결론부터 말씀드리면, 최근 노션 공식 페이지에서 API 통합 키를 생성하는 화면이 두 차례 바뀌어서, 제가 최신 화면 기준으로 해당 회차에 설명을 추가해 보완해 두었습니다.다만 바뀐 부분은 API 통합 키를 만드는 UI(화면)뿐이고, 그 이후 노션 페이지와 연동하는 흐름은 강의 내용 그대로 따라오시면 됩니다. 온라인 강의 특성상 외부 서비스 화면이 바뀌는 건 피하기 어려운 부분이라, 이런 변경 사항은 그때그때 보완해 나가고 있어요.혹시 어느 단계에서 막히셨는지 조금만 더 구체적으로 알려주시면(예: 어떤 화면에서 어떤 버튼이 안 보이는지 또는 스크린샷 등등) 그 부분을 콕 집어 손봐드릴게요.감사합니다 🙏
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 46
질문&답변
파워셀에서 claude 코드의 버전확인이 않됩니다.
안녕하세요 🙂bin 디렉토리 까지만 입력하셔야해요!!영상을 다시한번 천천히 보시면 확인이 금방될거예요감사합니다 🙂
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 34
질문&답변
윈도우에서 설정화면이 다릅니다.클로드코드 환경변수 설정
안녕하세요 🙂스크롤을 아래로 하면 [고급 시스템 설정] 링크나 버튼이 안보일까요?(사진)
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 37





![[짐코딩] 웹 개발 입문부터 최신 Vue 3 프론트엔드 실전까지 풀코스!](https://cdn.inflearn.com/public/roadmaps/781/cover/540b0cf3-d3ab-45ab-b45b-56a871bbb72f/도라 로드맵 모음.png?w=260)
![[짐코딩] Vue 실무자를 위한 최신 Vue 3 & Nuxt 3 Mastery Class](https://cdn.inflearn.com/public/roadmaps/768/cover/11c7e9b6-18d0-4f2c-bc58-fba723e95d88/2.png?w=260)
![[짐코딩] Vue 3 완벽 마스터 : 기초부터 실전까지 (기본편 + 실전편)](https://cdn.inflearn.com/public/roadmaps/766/cover/950e1dba-d066-4a67-90d3-5ed483e60bf1/3.png?w=260)