inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

슈퍼베이스 연동

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

슈퍼베이스를 연동하려고 클라우드를 클릭해도 강의 화면과 같이 나오지 않습니다 슈퍼베이스 기반으로 추후 강의가 진행된다고하는데 어떻게 해야할까요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
정민 댓글 2 좋아요 0 조회수 102

"option+enter"로 줄바꿈이 되고, "shift+enter"는 안되요..

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

"option+enter"로 줄바꿈이 되고, "shift+enter"는 안되요.. 불편해요.ㅜ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
nomonomo 댓글 3 좋아요 0 조회수 310

미션4 수행중인데 init 은 언제 하는건가요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

zip 파일 다운로드 받아서 압축 푼다음 커서에서 폴더 오픈 했는데 탐색기에 CLAUDE.md 파일은 안보이지만 바로 가이드 대로 프롬프트 입력했는데 뭔가 바뀌긴 하네요. init 를 어느시점에 해야하고 init 이 무슨역활을 하는건지 잘모르겠어요..

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
dev.hellolab 댓글 2 좋아요 0 조회수 123

17강 상품 목록 페이지 데이터 호출 api 안

미해결

AI와 함께 배우는 Next.js

17강 따라하고 실습하는 과정에서 참조되는 api가 접속이 안됩니다. 대체 api나 실습 방법을 알려주시면 감사하겠습니다. https://app-router-api-five.vercel.app/api/products

  • javascript
  • react
  • next.js
  • cursor
  • 인공지능(ai)
민태홍 댓글 3 좋아요 0 조회수 105

Plan에서 최신문서 확인

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요. 강사님. 이번에 plan시에 참고 링크를 직접 context로 넣어줬는데, 이전에 추가한 context7 mcp를 사용해도 되는건가요? context7 mcp 는 개발 단계에서 사용되나요? context7는 언제 사용하는지, 사용한다면 어떻게 사용할 수 있는지, 둘이 무슨 차이가 있는지 알려주시면 감사하겠습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
아리아리알라숑 댓글 2 좋아요 0 조회수 119

87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

안녕하세요. 87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3) 강의에 다른 강의가 올라와 있는 것 같은데 좀 바꿔 주실 수 있으신가요? 감사합니다.

  • HTML/CSS
  • javascript
  • jquery
공윤경 댓글 2 좋아요 1 조회수 74

statusline을 실행했는데 그냥 소스를 변경합니다

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

statusline을 실행했는데 그냥 소스를 변경합니다 또 .claude폴더 안에 setting.json 파일을 만들지 않습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
wechi 댓글 2 좋아요 0 조회수 128

이제 막 시작하는 사람이 가질 법한 질문입니다.

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요, 개발에 대해서 전혀 모르는 1인입니다. 바이브코딩을 배워보고 싶어서 열심히 따라하고 있는데, 본질적으로 문제점이 있어서 고견을 구하고자 질문드립니다. 강의에서 말해주신대로 플랜모드로 프로젝트의 기획, 아키텍트 등을 자세하게 요청했을 때 잘 모르는 사람 입장에서 그럴법하게 제시를 해줍니다. 문제는 이 기획이 제대로 된 건지, 아닌지 전혀 판단할 수가 없습니다. 초보자 입장에서 개발도 모르고 제대로 된 프로그램도 만들어보지 않았기 때문에 당연하다고 생각합니다. 시간이 지나면 당연히 개발에 대한 지식이 생기고, 프로젝트를 실패하고 성공하는 걸 반복하면서 실력이 늘겠지만 시행착오를 조금이라도 줄이고 싶습니다. 그래서 여러 AI한테 기획에 대한 피드백을 요청해서 그걸 토대로 판단하는 게 가장 괜찮을 것 같은데, 이 때 뭐라고 AI한테 지시해야 할 지가 궁금합니다. 이것도 AI 통해서 물어보면 되겠지만, 전문가로서 괜찮은 내용이나 정보가 있다면 알려주시면 정말 감사하겠습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
앤기브마케팅 댓글 1 좋아요 1 조회수 116

클로드 코드 커스텀 커맨드 관련 질문 드립니다!

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요. 짐코딩님의 클로드 코드 강의를 따라하면서 Supabase 이전 강의까지 들으면서 생긴 질문에 대해서 질문하고자 합니다. 커스텀 커맨드의 git 커맨드에 branch, commit, merge, pr 관련 커스텀 커맨드를 구분해 놓으셨습니다. 하지만 지금까지 강의를 진행하면서 commit만 활용하시고 나머지 3가지 커맨드에 대해서는 사용하는 것을 보지 못했습니다. 이를 분리해놓은 이유와 어떻게 사용하는 지에 대해서 알고싶습니다. (예시 프롬프트 등의 정보를 주셔도 됩니다!) 또한 ROADMAP을 업데이트 한 뒤 컨텍스트 관리를 위해서 PRD 역시 업데이트 해주면 좋다고 하셨었습니다. 하지만 강의에서는 PRD 업데이트를 진행하지 않고 계속 진행을 했었는데요. ROADMAP은 버전 관리를 진행하셨는데 PRD는 버전 관리를 하지 않고 하나로 업데이트 하거나 관리하는 이유가 있을까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
로로로도로로 댓글 1 좋아요 0 조회수 115

클로드코드 보안 문제

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요, 강사님. 저는 개발 경험이 없는 문과 출신 수강생입니다. 업무 자동화 및 데이터 전처리 관점에서 Claude Code 활용을 검토하던 중 보안 관련 사항을 정확히 이해하고자 문의드립니다. Claude Code 사용 시, 업로드한 데이터가 외부 서버로 전송되나요? 전송된다면 해당 데이터가 유출될 가능성이 있나요? . (혹시 아신다면) 실제 기업 환경에서는 Claude Code 를 빈번히 사용 중인지 궁금합니다. 저는 웹/앱 개발 보다는 업무 자동화 및 데이터 전처리(파이썬 스크립트 작성 등)에 관심이 있고, 이때 일부 고객 개인정보를 다룰 예정이었습니다. 다만 실제 업무 적용을 검토하는 과정에서, 사내 PC에 Claude Code를 설치하였으나 보안 정책상 platform.claude.com , api.anthropic.com 등 일부 URL이 차단되어 현재는 실행이 제한된 상태이고, 클로드코드를 사용하려면 회사측에 별도의 승인을 받아야하는 상황으로 이에 참고 차 위 정보를 문의드립니다. 이에

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
김진경 댓글 1 좋아요 0 조회수 2126

맥북 듀얼모니터 사용 displaylink manager 사용시 화면이 안보입니다.

미해결

떠먹는 Three.js

맥북 사용중이고 displaylink manager를 사용해서 듀얼모니터에 연결해서 강의를 듣고있습니다. 그런데 강의 보기 너무불편합니다. 아예 듀얼모니터 다 연결하면 검정화면으로 보여요 저작권 보호를 위해 막아두신건 알겠습니다. 해결방안으로 하드웨어 가속 끄기 설정이던데 로컬에서 서버 실행시 threejs 가 안보이고 빈화면으로 보이게됩니다. 이거 어떻게 못할까요ㅜㅠ 무단으로 복제해가는사람들은 어떻게든 복제해갑니다.. 강의들을때 너무 불편합니다.

  • HTML/CSS
  • javascript
  • three.js
지원 댓글 1 좋아요 0 조회수 110

pro 요금제 부족하신 분들, 다른 ai 사용하시나요 ?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

다름이 아니라, 저는 강의 외에도 회사업무에서도 claude를 사용합니다. 하지만 회사 업무도 그렇고 강의를 하다보면 당연히 토큰이 너무 부족하게 되더라구요. 그러다가 gemini(구글 AI one)요금제를 google family로 해서 추가 가입을 해서 사용하고 있습니다. 그런데 claude를 쓰다가 gemini를 가면 뭔가 역체감?같은게 심하게 들어요. 애가 말도 잘 못듣는것같고; 저만 그런건지 몰라도..ㅋㅋ혹시 다른 ai까지 사용하시는 분들 있다면 조합 추천좀 부탁드립니다. 아니면 그냥 깔끔하게 max로 가려고 해도 비용이 너무 후덜덜 해서 못 갈 것 같아요 (회사에서도 지원 안해줌)ㅠㅠ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
유우리 댓글 2 좋아요 0 조회수 240

template 동작 흐름에 대해서 질문 있습니다.

미해결

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

안녕하세요. boaz님!!! 강의 잘 수강하고 있습니다. template.tsx 는 언제 필요할까? 강의에서 한가지 질문있습니다. 네비게이션이 발생한 경우 template.tsx는 re-render가 발생해 fiber 노드가 새롭게 생성되어 상태가 초기화된다. 👆 네비게이션이 발생한 경우 template.tsx는 서버 단계에서 re-render가 발생하고, 클라이언트 단계에서 fiber 노드는 새롭게 생성(= re-mount)되어 상태가 초기화된다. 상태가 초기화되는 부분은 re-render가 아니라 re-mount 가 정확한 표현이지 않는지 궁금합니다. 강의 항상 잘 듣고 있습니다. 감사합니다.

  • react
  • typescript
  • next.js
lokba.tree김상록 댓글 1 좋아요 1 조회수 96

plan task 후 task.json에 반영되지 않는 문제점

해결됨

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

plan task를 진행한 후 정상적으로 Shrimp Task Manager를 활용해서 Task를 생성했음에도 GUI 모드에서 확인을 위한 tasks.json이 같이 업데이트 되지 않는 문제점을 확인했습니다. Claude Code에서 기억하고 자동으로 강의대로 진행을 한다면 굳이 task.json이 업데이트되지 않는 것이 문제가 되지 않나요? 혹은 필요하다면 프롬프트에 단순히 tasks.json을 업데이트해줘를 붙여야 하나요? 토큰을 어차피 둘 다 동일하게 사용할 것으로 예상되지만 혹시나 하는 마음에 질문드립니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
로로로도로로 댓글 2 좋아요 0 조회수 114

윈도우 명령어

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

음 윈도우로 해보고 있는데 여기서 막혔습니다.. notepad $PROFILE 열어서 뭐 해보고 했는데 잘 안돼요 ㅜㅜㅡ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
노승민 댓글 2 좋아요 0 조회수 79

Vercel에 등록할때 NODE_ENV 는?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

버셀에 등록하실때 환경변수에 NODE_ENV= production 이라고 입력하시던데, 이건 뭔가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
kelo 댓글 2 좋아요 0 조회수 99

1-2강의 미션은 어떻게 제출해요?

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

1-2강의의 '가치 중심 서비스 기획 워크시트' 이걸 어떻게 제출하나요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
Jay Kang 댓글 2 좋아요 0 조회수 99

ROADMAP.md와 Shrimp Task Manager 작업의 차이

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

제목과 같이 저는 ROADMAP.md(클로드코드가 만든)과 shrimp task manager가 만든 작업이 다른데, 왜 이런 결과가 나오게 된건가요? ❯ task list 작업목록와 @docs/ ROADMAP.md 작업 목록과의 차이는 뭐야? ⎿ Read docs\ ROADMAP.md (260 lines) ● Shrimp Task Manager vs ROADMAP.md 비교 ROADMAP.md (Phase 2) - 3개 고수준 작업 ┌──────────┬──────────────────────────────────────────────────────────────┐ │ Task │ 내용 │ ├──────────┼──────────────────────────────────────────────────────────────┤ │ Task 004 │ 견적서 공통 컴포넌트 라이브러리 (7개 컴포넌트) │ ├──────────┼──────────────────────────────────────────────────────────────┤ │ Task 005 │ 견적서 상세 페이지 UI 완성 (더미 데이터, 반응형, 애니메이션) │ ├──────────┼──────────────────────────────────────────────────────────────┤ │ Task 006 │ 에러 페이지 및 상태 UI (404/500, 만료 안내, 토스트) │ └──────────┴──────────────────────────────────────────────────────────────┘ Shrimp Task Manager - 15개 세분화 작업 추가된 작업 (ROADMAP에 없음): ┌─────────────────────────┬───────────────────────────────────────────┐ │ 작업 │ 설명 │ ├─────────────────────────┼───────────────────────────────────────────┤ │ formatCurrency 유틸리티 │ 원화 포맷팅 함수 (공통 사용) │ ├─────────────────────────┼───────────────────────────────────────────┤ │ QuoteStatusBadge │ 상태 배지 컴포넌트 (추가 구현) │ ├─────────────────────────┼───────────────────────────────────────────┤ │ 배럴 익스포트 설정 │ index.ts 별도 작업으로 분리 │ ├─────────────────────────┼───────────────────────────────────────────┤ │ 로딩 페이지 리팩토링 │ loading.tsx 별도 작업으로 분리 │ ├─────────────────────────┼───────────────────────────────────────────┤ │ Playwright MCP 테스트 │ E2E 테스트 (ROADMAP에서는 Phase 3에 포함) │ └─────────────────────────┴───────────────────────────────────────────┘ 이미 완료된 항목 (Phase 1에서): - 404 에러 페이지 (not-found.tsx) ✅ - 500 에러 페이지 (error.tsx) ✅ 주요 차이점 1. 세분화 수준: ROADMAP은 3개 고수준 작업, Shrimp는 15개 실행 가능 단위로 분리 2. 의존성 관리: Shrimp는 작업 간 의존성을 명시적으로 관리 3. 추가 컴포넌트: QuoteStatusBadge, formatCurrency가 Shrimp에서 추가 4. 테스트 시점: Shrimp는 Phase 2에 E2E 테스트 포함 (ROADMAP은 Phase 3) ROADMAP.md 를 Shrimp Task Manager 작업 목록에 맞게 업데이트할까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
kelo 댓글 1 좋아요 0 조회수 185

mcp 및 agent 파싱 에러 관련

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요. Mission 15를 하기위해 https://github.com/gymcoding/claude-nextjs-starters.git 코드를 클론해와서 작업을 수행하는데, 문제가 있어서 /doctor로 진단을 받고 아래와 같이 응답을 받았습니다. mcp 는 워닝이라 그냥 해볼까 하는데, 파싱 에러는 도대체 왜 발생하는지 모르겠네요.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
목요일 댓글 2 좋아요 0 조회수 91

인기 태그

인프런 TOP Writers

주간 인기글