inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

스타터킷에 있는 서브에이전트들 사용방법

미해결

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

서브에이전트를 /agents로 생성하면 색상 지정하고 백그라운드에서 본래의 서브에이전트 기능으로 사용할 수 있는데 업로드 주신 starterkit의 2파일은 실행하고자 하면 메인? 에서 실행이됩니다. 등록하고 써야하는건지 등록방법은 어떻게되는건지 궁금합니다 agnets/dev에 있는 starter-cleaner.md angets/docs에 있는 prd-generator.md

  • react
  • 인공지능(ai)
  • claude
구유성 댓글 2 좋아요 0 조회수 129

윈도우11에서의 클로드코드 설치

미해결

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

윈도우11에서 클로드코드 설치는 네이티브와 WSL 설치 2가지 방법이 있는 걸로 알고 있는데, 둘 중에 어디에 설치하는 것이 클로드코드 사용에 유리한가요?

  • react
  • 인공지능(ai)
  • claude
nawhizz 댓글 2 좋아요 0 조회수 1771

커서의 탐색기 화면에 폴더가 안보입니다.

미해결

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

커서 ai클로드 코드 사용하기 수업수강주인데 수업 2분에 나오는 index.html만들 수 있는 폴더 화면이 보이지 않습니다. mastery폴더 열기는 했어요.

  • react
  • 인공지능(ai)
  • claude
앙그류 댓글 2 좋아요 0 조회수 143

강의 관련 질문드립니다

해결됨

코드를 치지 마라 - 설계하고, 시키고, 검증하라 (Claude Code 워크플로우)

안녕하세요 강의를 보고 질문드립니다 1. 강의에서는 기능구현할때 단계별로 plan 모드를 주로 세워서 하시는데 prd를 써서 전체 기획을 해서 거기서 플랜을 다시 세워서 하는방식은 어떤지 궁금합니다 2. 코드 구현후 검증 단계에서 테스트 코드 작성이나 코드리뷰 어떤식으로 작성하고 하는지 궁금합니다

  • claude
  • 바이브코딩
cnline 댓글 1 좋아요 0 조회수 150

아에 모르는 초보자도 들으면 되는강의인줄알았는데...

미해결

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

용어 설명이 부족한거같습니다.. 너무 어려워요... 이거 초보자 강의 대상아닌가요?

  • react
  • 인공지능(ai)
  • claude
정주현 댓글 2 좋아요 0 조회수 111

Recoil 에러

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

Recoil에서 에러가 납니다. Recoil 소개 및 기본 문법 강의를 보고 있는데 몇번이나 시도했는데 에러가 납니다. 똑같이 코드를 옮겨적었는데 왜 에러가 생기는지 ,,, 어떻게 해야될지요

  • firebase
  • next.js
  • tailwindcss
  • react-query
  • supabase
루루팝팝 댓글 1 좋아요 0 조회수 96

Next.js, ShadcnUI 등 공식문서대로 터미널에 설치하면

미해결

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

안녕하세요! 일반적으로 개발할때는 개발 환경을 분리하는것으로 알고 있습니다. 그래서 저도 짧은 지식으로 conda 로 환경을 분리해왔구요 - 예를들어 파이썬은 맥북 내장 파이썬과 충돌할까봐 분리해서 설치해서 진행합니다. - 강의중에 node, nvm은 깔라고 해서 일단 깔았어요 ㅎㅎ (일단 시킨대로... 프로젝트별로 관리 알아서 된다고 하길래) - 근데 이렇게 각종 Next.js, ShadcnUI 등을 깔게 되면 이런건 버전관리나 충돌을 어떻게 관리하게 되나요?

  • react
  • 인공지능(ai)
  • claude
권단비 댓글 2 좋아요 0 조회수 139

154. Agent Team 심화 에서 질문..

미해결

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

서브에이전트 VS 에이전트팀 4가지 질문만 던져보면 답이 나온다고 하셨는데.. 저는 4 가지 질문에 대한 설명이 전부 좀 애매 하다고 느껴지긴 했는데요. 그 중에서 첫번째 질문인 팀원 간 소통이 필요한가? 라는 질문에서 YES 일 경우 에이전트 팀 을 사용 한다고 했는데요. 팀원 간 소통이 필요 한지를 어떻게 알 수 있나요? 예를 들어 프론트와 백엔드 작업 을 모두 진행 해야 하는 경우 이건 독립적 병렬 작업 으로도 가능할 것 같고, 어떻게 보면 팀원 간 소통이 필요한 것 같기도 하고요.. 좀 애매 한데요...잘 모르겠습니다..

  • react
  • 인공지능(ai)
  • claude
민경언 댓글 2 좋아요 0 조회수 120

섹션 3 미션 관련 질문

미해결

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

안녕하세요. 개발을 전혀 모르는 비개발자 출신입니다. 섹션 3 미션 과정에 대한 질문이 3개 있습니다. 1. 섹션 3 미션을 수행하고 있는데 계속 Do you want to proceed? 라고 진행 여부를 계속 묻는데 이게 정상인가요? 2. 프롬프트에 아래 처럼 입력할 때 줄바꿈 할려면 줄바꿀려고 하는 곳에서 \+enter 키 누르는게 맞나요? 이걸 모르고서 습관적으로 '현재 시스템에 설치된 다음 도구들의 버전을 확인해줘:' 입력하고 바로 엔터 치니까 바로 명령을 수행해서 조금 당황했습니다. 3. 위 캡쳐파일은 제출하기에 샘플로 올라온 첨부자료를 캡쳐한 화면 입니다. 아래는 제가 미션 수행해서 클로드 코드에서 프롬프트 입력한 결과값 중 일부 화면 입니다. 이게 항상 프롬프트에 대한 결과값이 다르기 때문에 이상이 없는걸까요?

  • react
  • 인공지능(ai)
  • claude
imc 댓글 2 좋아요 0 조회수 139

23강 /init 내용 질문

해결됨

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

안녕하세요~ 수업 열심히 잘 듣고 있습니다. 다름이 아니라 아무 시작도 안한 폴더에 /init 을 해봐도 내용이 없기 때문에 claude.md 파일을 만들 수 없다고 나오는데 강사님 수업 내용에는 프로젝트 하기전에 /init 을 해서 claude.md 파일을 만들라고 하시네요. 제가 헷갈리고 있는건지, 어떤게 문제인지 확인 부탁 드립니다.

  • react
  • 인공지능(ai)
  • claude
NewZero 댓글 2 좋아요 0 조회수 159

vercel 배포를 실패하였습니다.

해결됨

한 입 크기로 잘라먹는 Next.js

Error occurred prerendering page "/book/1". Read more: https://nextjs.org/docs/messages/prerender-error Error: Review fetch failed: Unauthorized at p (.next/server/chunks/146.js:1:3768) { digest: '73929900' } Export encountered an error on /book/[id]/page: /book/1, exiting the build. ⨯ Next.js build worker exited with code: 1 and signal: null Error: Command "npm run build" exited with 1 상황설명 에러가 발생하여 env를 추가 하였습니다. 동일한 에러가 발생하여 배포한 서버로 접속하니 인덱스 페이지 접근은 잘 됐지만 api접근이 불가능하였습니다. AI 돌려보니 백단 코드 수정이 필요하다해서 백단 코드 수정 후 브라우저로 api에 접근하니 데이터를 정상적으로 가져왔습니다. 확인 후 프론트 환경변수도 다시한번 변경 해줬습니다. 하지만 프론트 서버에서는 저 에러가 빌드 로그로 출력되더라구요 뭐가 문제인지 감이안잡히네요 ㅎ;;;

  • react
  • typescript
  • next.js
gogo 댓글 3 좋아요 0 조회수 151

Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?

해결됨

한 입 크기로 잘라먹는 Next.js

이런 오류가 발생하는데 <Image src={coverImgUrl} alt= 도서 ${style.title}의 표지 이미지 } width={80} height={105} style={{ width: 'auto', height: 'auto' }} priority /> 인라인으로 스타일 지정을 하면 LCP 경고가 발생해서 priority까지 추가해줘야 브라우저 콘솔 경고가 사라지더라구요 대신 이미지 사이즈는 auto로 적용해서 크기가 변하네요;; 경고는 그냥 무시해야하는게 맞는지 궁금합니다

  • react
  • typescript
  • next.js
gogo 댓글 2 좋아요 0 조회수 100

클로드 코드 복붙 질문

미해결

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

미션 주시는 텍스트를 복사해서 클로드 코드에 붙여넣으면 항상 저렇게 압축(?)된 형태로 밖에 안 보여줍니다. 강사님 영상에서는 텍스트가 그대로 펼쳐져서 클로드 코드에 붙여넣기가 되는 데 저는 항상 Pasted text라고만 나오더라고요. URL 수정을 복붙한 텍스트를 펼쳐 바로 넣고 싶은데 현재로는 그게 안됩니다. AI에게 물어보니 클릭하면 펼쳐진다고 하는데 저는 그게 작동을 안하는 것 같습니다. 혹시 해결방법이 있을까요?

  • react
  • 인공지능(ai)
  • claude
동동 댓글 2 좋아요 0 조회수 461

디스코드 채널 초대 링크

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

초대 링크가 유효하지 않아서 확인 한번 다시 부탁드립니다~

  • javascript
  • react
  • typescript
  • next.js
  • jwt
챙준 댓글 1 좋아요 0 조회수 130

쿠폰코드 발급

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

전 프론트엔드코스을 구매를 했는데 쿠폰코드를 제가 개인사정이 있어서 지금봐서요. 혹시 " [코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스" 쿠폰을 지금이라도 받을수 있을까요?ㅠㅠ 부탁드립니다!

  • react
  • node.js
  • seo
  • graphql
  • next.js
Bea hayoung 댓글 2 좋아요 0 조회수 220

vs code IDE

미해결

100% 비개발자 바이브 코딩: 앱 200개로 월 140만 수익 노하우

강의에서는 CLI로 진행을 하고 있는데 저는 VS 코드의 IDE로 진행하는 게 좀 편하긴 한데 꼭 CLI로 해야 되는 건가요? 현재 저는 확장 프로그램 코덱스를 이용해서 사용하고 있습니다.

  • python
  • flutter
  • chatgpt
  • claude
  • 바이브코딩
북극호랑이 댓글 2 좋아요 0 조회수 108

1인 개발자의 다수 프로젝트 운영을 위한 Supabase 비용 최적화 전략(DB 통합)에 대해 조언을 구합니다.

미해결

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

안녕하세요, 강사님! 강의 잘 듣고 있습니다. 들으면서 작은 서비스들을 몇개 만들어보고 있어요. 현재 Next.js와 Supabase를 기반으로 B2B 솔루션, 유틸리티 서비스등 총 7개의 프로젝트를 혼자서 개발 및 운영하고 있습니다. 현재는 프로젝트마다 별도의 Supabase 인스턴스를 생성하여 관리하고 있는데, 그러다 보니 Pro 플랜 기본료 25달러 에 프로젝트당 추가 컴퓨트 비용 10달러 가 붙어 매달 약 $85(11만 원 이상) 의 고정비가 발생하고 있습니다. 1인 개발자로서 프로젝트를 계속 확장해 나가기에 비용적 부담이 커지고 있어, 다음과 같은 '단일 DB 통합 전략' 을 검토 중입니다. [검토 중인 통합 전략] 단일 프로젝트로 일원화: 하나의 Supabase Pro 프로젝트만 유지하고 나머지 인스턴스는 제거. Postgres 스키마(Schema) 활용: 기본 public 스키마 외에 서비스별로 별도 스키마(예: service_a , service_b )를 생성하여 데이터 격리. Client-side 대응: Supabase Client 설정 시 각 서비스에 맞는 스키마를 지정하여 호출. [강사님께 여쭙고 싶은 점] 유지보수 및 확장성: 1인 개발자가 관리하기에 이러한 스키마 기반의 통합 방식이 장기적으로 서비스 간 간섭이나 관리 복잡도를 크게 높이는 요인이 될까요? 인증(Auth) 및 보안(RLS) 설계: 하나의 프로젝트 안에서 여러 서비스의 사용자(Auth)를 관리할 때, 메타데이터 등으로 유저를 구분하는 방식이 보안 아키텍처상 취약점이 될 가능성이 있을까요? 성능 리스크: Micro 인스턴스 하나에 7개 서비스의 부하를 몰아넣는 것이(현재는 초기 단계라 트래픽이 적지만) 운영상 위험한 선택일지 궁금합니다. 인프라 대안: 혹시 1인 개발자가 다수의 사이드 프로젝트를 저비용으로 안정적으로 운영할 때, 위와 같은 통합 방식 외에 더 권장하시는 인프라 구성이나 전략이 있으신지 조언 부탁드립니다. 비용 효율성과 기술적 부채 사이에서 최적의 균형점을 찾고 싶습니다. 강사님의 소중한 인사이트를 나눠주시면 개발 방향을 설정하는 데 큰 도움이 될 것 같습니다. 감사합니다!

  • react
  • 인공지능(ai)
  • claude
김대훈 댓글 3 좋아요 1 조회수 696

getServerSideProps 함수와 SSR의 관계

미해결

한 입 크기로 잘라먹는 Next.js

안녕하세요 강사님. 강의 잘 보고 있습니다. getServerSideProps 함수와 SSR의 상관관계에 대해 의문점이 생겨 QnA를 찾아보고 있었는데요. 비슷한 질문 이 있어서 해당 답변 참고했는데 이해가 잘 되지 않아서요. 해당 답변에선 getServerSideProps 함수를 선언하지 않으면 SSG로 동작한다고 말씀해주셨습니다. getServerSideProps는 강의에서 말씀하신대로 서버에서 호출되어 미리 데이터를 패칭해주고 props를 주입해주는 용도로 사용된다고 이해했는데요. getServerSideProps 함수를 정의하여 export하면 해당 페이지가 SSR방식으로 동작한다는 내용이 이해가 잘 되지 않습니다. next는 기본적으로 SSR SSG방식으로 동작하는 것으로 알고 있고, 처음 접속하는 페이지는 SSG방식으로, 이후 관련된 Link 등으로 이동시 CSR 방식으로 렌더링 되는 것으로 이해하고 있습니다. 해당 부분에 대해 정확한 동작이 궁금합니다. 또한, getServerSideProps 함수를 정의한 페이지가 만약 현재 접속한 페이지에 Link 컴포넌트로 연결이 되어있다면 관련된 js 코드가 프리패칭 될 것인데요. 이 경우 getServerSideProps 함수를 정의한 페이지가 SSR이 아닌 CSR방식으로 렌더링 되는게 아닌가 질문드립니다. (getServerSideProps 함수는 여전히 서버에서 호출되는 것으로 이해하고 있습니다) 관련하여 클로드 답변 첨부드립니다. (오류가 있다면 정정 부탁드립니다..!) 추가 +) 질문을 하다 보니 다소 난해해졌는데요. 정리하자면 아래와 같이 이해하면 될지 궁금합니다. 기본적으로 접속시 SSG로 렌더링된 사이트를 보여주지만, getServerSideProps 함수를 정의하면 SSR로 요청한다. Link 등으로 연결되어 있는 경우 getServerSideProps 함수를 통해 데이터를 패칭해온다. 이후 페이지 렌더링 자체는 CSR로 진행한다. 항상 좋은 강의 감사합니다.

  • react
  • typescript
  • next.js
dbstjrwnekd 댓글 6 좋아요 0 조회수 122

강의 교안을 진짜 못찾겠어요

미해결

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

영상보고 따라해도 교안을 못찾겠어요.. 그냥 공지에 강의 교안 링크를 따로 추가해주실 수 있나요?

  • react
  • 인공지능(ai)
  • claude
김형준 댓글 3 좋아요 0 조회수 147

홈페이지 처음 만들때 질문입니다.

미해결

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

안녕하세요. 우선 저번과 같이 좋은 강의를 열어주시고, 강의 업데이트도 감사합니다. 100퍼센트 완강하고 좋은 후기 작성 꼭 하고 싶어서 열심히 따라가고 있습니다. 다름이 아니라 질문이 하나 있어서 질문글 남깁니다. 열심히 진도 따라가면서 드는 생각인데, 처음부터 한 번에 PRD에 집어넣어서 기능 다 만드는게 맞는건지, 아니면 고도화를 차근차근 해나가는게 맞을까요? 아 시간은 오래 걸려도 됩니다. 수익화와 테스트를 위해서 재빠르게 mvp 제작을 위해서가 아닌, 진짜 개발할 때의 클로드코드의 토큰 효율성이 궁금해서 질문드리는 부분입니다. 항상 좋은 인사이트 주셔서 감사합니다. 수고많으십니다.

  • react
  • 인공지능(ai)
  • claude
시원한 고등어 댓글 2 좋아요 0 조회수 110

인기 태그

인프런 TOP Writers

주간 인기글