묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결SEO 최적화 랜딩페이지 솔루션 & 노출전략: 바이브코딩으로 완성 with Nextjs
갑자기 유료화 되는데 이거 시간 지나면 다시 풀리나요?
커서 ai가 갑자기 결제해야된다는 식으로 창이 뜨는데 시간 지나면 다시 무료로 써지나요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
pro 요금제 부족하신 분들, 다른 ai 사용하시나요 ?
다름이 아니라, 저는 강의 외에도 회사업무에서도 claude를 사용합니다.하지만 회사 업무도 그렇고 강의를 하다보면 당연히 토큰이 너무 부족하게 되더라구요.그러다가 gemini(구글 AI one)요금제를 google family로 해서 추가 가입을 해서 사용하고 있습니다.그런데 claude를 쓰다가 gemini를 가면 뭔가 역체감?같은게 심하게 들어요.애가 말도 잘 못듣는것같고;저만 그런건지 몰라도..ㅋㅋ혹시 다른 ai까지 사용하시는 분들 있다면조합 추천좀 부탁드립니다.아니면 그냥 깔끔하게 max로 가려고 해도 비용이 너무 후덜덜 해서 못 갈 것 같아요(회사에서도 지원 안해줌)ㅠㅠ
-
해결됨클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
plan task 후 task.json에 반영되지 않는 문제점
plan task를 진행한 후 정상적으로 Shrimp Task Manager를 활용해서 Task를 생성했음에도 GUI 모드에서 확인을 위한 tasks.json이 같이 업데이트 되지 않는 문제점을 확인했습니다.Claude Code에서 기억하고 자동으로 강의대로 진행을 한다면 굳이 task.json이 업데이트되지 않는 것이 문제가 되지 않나요?혹은 필요하다면 프롬프트에 단순히 tasks.json을 업데이트해줘를 붙여야 하나요? 토큰을 어차피 둘 다 동일하게 사용할 것으로 예상되지만 혹시나 하는 마음에 질문드립니다!
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
윈도우 명령어
음 윈도우로 해보고 있는데 여기서 막혔습니다.. notepad $PROFILE 열어서 뭐 해보고 했는데 잘 안돼요 ㅜㅜㅡ
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
Vercel에 등록할때 NODE_ENV 는?
버셀에 등록하실때 환경변수에NODE_ENV= production 이라고 입력하시던데,이건 뭔가요?
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
1-2강의 미션은 어떻게 제출해요?
1-2강의의 '가치 중심 서비스 기획 워크시트'이걸 어떻게 제출하나요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
ROADMAP.md와 Shrimp Task Manager 작업의 차이
제목과 같이 저는 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 작업 목록에 맞게 업데이트할까요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
mcp 및 agent 파싱 에러 관련
안녕하세요. Mission 15를 하기위해https://github.com/gymcoding/claude-nextjs-starters.git 코드를 클론해와서 작업을 수행하는데, 문제가 있어서 /doctor로 진단을 받고 아래와 같이 응답을 받았습니다. mcp 는 워닝이라 그냥 해볼까 하는데,파싱 에러는 도대체 왜 발생하는지 모르겠네요.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
command, subagent, skill을 각각 언제 쓰면 좋은지 알고 싶습니다.
강의 잘 들었습니다. 상세한 설명 감사 드립니다.마지막에 skills이 추가 되어서, 강의에서 다뤘던 내용들이 헷갈리네요. 초반 강좌에서는 subagent로 PRD.md, ROADMAP.md 를 생성했었는데, Skill로 생성하는 것이 좋은 건가요?command로 추가해서 사용하던 git commit, code review 도 skill을 활용하던데shrimp task manager는 그대로 사용해도 되는건가요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
클로드코드 cli 모델 관련 질문
안녕하세요, 강의 보니 초기 기획이나 분석 등은 opus 모델이 활성화 되어있고, 코드 작성할 때는 sonnet 모델을 사용하시더라구요. 직접 수동으로 일일이 바꾸시는 건가요?아닌 경우에는 어떻게 자동으로 바꾸는지 궁금합니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
깃허브 강의 관련 오류
1)github 강의중에 해당 오류가 발생합니다. 그리고 커밋목록이 새로 생기지 않습니다. 2) 터미널에서 ll -al을 치면 아래와같은 오류가 나옵니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
커서에디터에서 코드라인 드래그 한게 클로드코드에서 안보여요
커서 IDE 에서 터미널 켜서 클로드코드를 실행했는데요 /ide 하여도 아래와 같이 뜹니다 ㅠㅠ 감지된게 없다고 뜨네요 ❯ /ide Select IDE Connect to an IDE for integrated development features. No available IDEs detected. Make sure your IDE has the Claude Code extension or plugin installed and is running. Enter to confirm · escape to cancel
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
클로드코드 터미널에서는 이미지 복붙이 안되는게 맞나요?
claude code for vs code 의 설치가 지속적으로 안되었고 강의에서는 터미널 모드로 작업하는 걸 권장하여터미널로 듣고 있었는데 이미지 복사 붙여넣기가 터미널 모드에서는 안되는거 같아서요
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
코드 공부는 안해도 될까요?
저는 비개발자라서클로드코드를 통해 프로젝트를 만들때마다코드 언어에 대해서 모르는것에 대한 찝찝함이 있습니다 그래서 개발 언어를 처음부터 공부해야할지,아니면 클로드코드를 통해 워크플로우나 도메인 지식을 공부하는게 방향이 좋을지의견을 여쭈어 보고싶습니다!
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
PPT 사용 툴
[ADDED_251223]토큰과 컨텍스트 그리고 사용량 제한 강의처럼 PPT를 만들고 싶은데요혹시 어떤 툴을 사용하셨는지 알 수 있을까요?이것도 클로드 코드나 AI를 이용하셨나요 아니면 특정 디자인 레퍼런스를 이용하셨나요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
뭔가 Cursor AI IDE와 클로드가 연결이 안되는 거 같네요.. 내용이 바뀐거 같습니다.
뭔가 Cursor AI IDE와 클로드가 연결이 안되는 거 같네요.. 내용이 바뀐거 같습니다. 최근 것으로 update가 필요한 것 같습니다.화면에 배치도 다르고 작동도 안되네요
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
커서에 claude code for VS code 연결아 안되어요
설치를 눌를 시 아래와 같은 버그 메세지가 뜨면서 설치가 안됩니다ㅠㅠ
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
클로드 프로 가입했는데 아래와 같은 내용이 뜨네요. 어떻게 해야 하나요?
Browser didn't open? Use the url below to sign in (c to copy)https://claude.ai/oauth/authorize?code=true&client_id=9d1c250a-e61b-44d9-88ed-5944d1962f5e&response_type=code&redirect_uri=https%3A%2F%2Fplatform.claude.com%2Foauth%2Fcode%2Fcallback&scope=org%3Acreate_api_key+user%3Aprofile+user%3Ainference+user%3Asessions%3Aclaude_code&code_challenge=plDgLDWTjUdKeSQ1786N6AKteMlHWYxFtf20PXIA8a8&code_challenge_method=S256&state=kpbHEA2awRNd3lzjot40sii-GPF3iRqcEbMwDqD5O9I Paste code here if prompted >
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
Command에 대하여
Claude Code Custom Command 을 프로젝트 레벨로 등록 후 Max Plan을 구독중인데 5분만 사용해도 Context 가 소진되고 있습니다.혹시 해당 Command 을 사용하지 않아도 토큰을 소비하는것일까요? 저의 생각이 맞다면 Command 의 내용을 간략화 하기 위하여 지침을 참조 문서로 변경하면 개선이 될까요? Skiil 로 변경하는것이 좋을까요? 참고로 제가 추가한 Command 입니다. # BlockNote Upgrade Command BlockNote 패키지를 최신 버전으로 업그레이드합니다. ## 실행 방법 이 명령은 다음 작업을 순서대로 수행합니다: 1. 현재 BlockNote 버전 확인 2. npm registry에서 최신 버전 조회 3. GitHub releases에서 변경사항 분석 4. Peer dependencies 호환성 검사 5. 사용자 확인 후 업그레이드 수행 6. 빌드 검증 --- ## 지시사항 ### Step 1: 현재 버전 확인 pnpm-workspace.yaml 파일에서 현재 BlockNote 버전을 확인하세요: ```yaml "@blocknote/core": &blocknote "X.X.X" ``` 관련 의존성 버전도 함께 확인: - @mantine/core - @tiptap/core - @shikijs/core ### Step 2: 최신 버전 조회 npm registry에서 최신 버전을 확인하세요: ```bash npm view @blocknote/core version ``` ### Step 3: 릴리스 노트 분석 GitHub releases 페이지에서 변경사항을 확인하세요: ``` WebFetch: https://github.com/TypeCellOS/BlockNote/releases ``` 다음 항목을 확인: - Breaking Changes 여부 - 새로운 기능 - 버그 수정 - Peer dependency 변경 ### Step 4: Peer Dependencies 확인 BlockNote가 의존하는 패키지들의 버전을 확인하세요. 확인할 파일들: | 패키지 | URL | 확인할 의존성 | |--------|-----|--------------| | @blocknote/mantine | https://raw.githubusercontent.com/TypeCellOS/BlockNote/main/packages/mantine/package.json | @mantine/core, @mantine/hooks | | @blocknote/core | https://raw.githubusercontent.com/TypeCellOS/BlockNote/main/packages/core/package.json | @tiptap/*, yjs | | @blocknote/react | https://raw.githubusercontent.com/TypeCellOS/BlockNote/main/packages/react/package.json | react, react-dom | | @blocknote/code-block | https://raw.githubusercontent.com/TypeCellOS/BlockNote/main/packages/code-block/package.json | @shikijs/* | 우선순위: 1. @blocknote/mantine → Mantine (가장 자주 변경) 2. @blocknote/core → Tiptap, Yjs 3. @blocknote/react → React 4. @blocknote/code-block → Shikijs WebFetch로 각 package.json을 확인하고 peerDependencies 섹션에서 버전 요구사항을 추출하세요. ### Step 5: 버전 비교 및 변경사항 정리 현재 프로젝트의 버전과 BlockNote가 요구하는 버전을 비교하여 표로 정리: | 패키지 | 현재 버전 | 필요 버전 | 업데이트 필요 | |--------|----------|----------|--------------| | @blocknote/* | X.X.X | Y.Y.Y | O/X | | @mantine/core | ^X.X.X | ^Y.Y.Y | O/X | | ... | ... | ... | ... | ### Step 6: 사용자 확인 변경사항을 사용자에게 보여주고 진행 여부를 확인하세요: - Breaking Changes가 있으면 경고 - 업데이트할 패키지 목록 표시 - 진행 의사 확인 ### Step 7: pnpm-workspace.yaml 수정 승인되면 pnpm-workspace.yaml을 수정하세요: ```yaml # BlockNote 버전 업데이트 "@blocknote/core": &blocknote "NEW_VERSION" # 필요시 관련 패키지도 업데이트 "@mantine/core": &mantine "^NEW_VERSION" ``` ### Step 8: Clean Install 메이저 의존성 업그레이드 시 기존 node_modules를 정리하고 새로 설치합니다: ```bash # node_modules 및 dist 폴더 삭제 pnpm clean # 의존성 새로 설치 pnpm install ``` > 이 단계는 캐시된 이전 버전 패키지로 인한 호환성 문제를 방지합니다. ### Step 9: 빌드 검증 ```bash pnpm --filter @collaboration/common build pnpm --filter @collaboration/editor build ``` ### Step 10: 결과 보고 업그레이드 결과를 보고: - 변경된 패키지 버전 - 빌드 성공 여부 - 다음 단계 안내 (개발 서버 실행, 기능 테스트) --- ## 롤백 안내 문제 발생 시 이전 버전으로 롤백하는 방법도 안내하세요: ```yaml # pnpm-workspace.yaml에서 이전 버전으로 변경 "@blocknote/core": &blocknote "PREVIOUS_VERSION" ``` ```bash pnpm install ``` --- ## 참고 문서 - 업그레이드 가이드: docs/blocknote-upgrade-guide.md - pnpm catalog 가이드: docs/pnpm-catalog-guide.md - BlockNote 공식 문서: https://www.blocknotejs.org/docs - GitHub 저장소: https://github.com/TypeCellOS/BlockNote
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
ROADMAP.md 파일과 관련하여
학습 설명중 /init 사용하여 claude.md 파일을 생성하면 해당 내용은 memory 파일이라고 강의를 들었습니다. 그렇다면 /init 을 사용하지 않고, 아래와 같이 작성한다면 생성된 ROADMAP.md 파일은 memory 파일이 아닌가요?"개발자 웹 이력서를 개발 할 수 있도록 ROADMAP.md 파일을 작성해 주세요. 기술스택: -html, css, javascript, tailwindcss 이력서 내용: -일반적인 내용으로 간단히 작성해줘"