inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

node js 설치 시 npm이 계속 안됩니다.

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

안녕하세요! node js 설치 후 node -v는 버젼이 나오지만 npm -v를 하면 계속 npm : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\npm.ps1 파일을 로드할 수 없습니다. 자세한 내 용은 about_Execution_Policies( https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + npm -v + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 라고 나오게 됩니다. node js는 버젼을 lts, current 모두 해보았고 환경변수 path 설정도 다 했지만 안되네요,,진도를 못나가고 있습니다. 도와주세요~

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
fanta4zx 댓글 1 좋아요 0 조회수 79

7.5 강의에서 settings.json 붙여 넣기 내용이 영상과 다릅니다

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

7.5 강의에서 settings.json 붙여 넣기 내용이 영상과 다릅니다. 어떤 것으로 하는게 좋을까요?

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
임성용 댓글 2 좋아요 0 조회수 89

왜 클로드.md 파일에 프롬프트를 넣는건지 궁금합니다

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

클로드 터미널에서 바로 명령해도 되늰데 굳이 md파일을 만들어서 프롬프트를 작성하고 터미널에서 그 파일을 참조해서 명령하는 식으로 하는건 어떤 이유에서인지 궁금합니다 선생님~!

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
마스터코드 댓글 1 좋아요 0 조회수 111

강의 일정 및 수업 자료 공유 관련 문의드립니다!

미해결

프론트엔드 개발을 위한 모든 지식 (개념편)

안녕하세요 해여님. 강의 잘 수강하고 있습니다. 남은 강의는 언제 업로드 되는지 일정 공유 부탁드립니다. 수업자료 공유(notion/pdf)는 가능한지 문의드립니다. 2-1. 가능하다면 어떤 형태로 언제 업로드 되는지 공유 부탁드립니다. 감사합니다. 오늘도 행복한 하루 되시길 바랍니다.

  • 웹앱
  • 아키텍처
  • 면접
  • frontend
Erica Gong 댓글 1 좋아요 0 조회수 60

AI 권한 부여가 안됩니다.

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

강의에서 설명해주신대로 .claude 디렉토리에 setting.json 파일에 노트에서 제공한 내용을 붙여넣기 후 클로드를 사용해도 파일 수정 시 계속 확인 후 수정을 하고 있습니다. 제가 놓친 부분이 있는건지 설명 부탁드립니다.

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
유진애비 댓글 2 좋아요 0 조회수 101

질문있습니다!!

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

안녕하세요 강사님!! 강의 잘듣고있습니다. 궁금한 점이 몇가지 생겨서 남겨봅니다! 환경변수 관련 공지 claude code설치하는 명령어를 쳤더니 아래 경고가 뜨더라구요! 찾아보니까 환경변수 설정하라고해서 설정했더니 잘되는데 강의에서 강사님은 이미 등록해두셔서 경고가 안떴던 걸까요? Setup notes: ●Native installation exists but C:\Users\hanse\.local\bin is not in your PATH. Add it by opening: System Properties → Environment Variables →Edit User PATH →New →Add the path above. Then restart your terminal. codex나 claude code같은 코드 에이전트를 사용하면서 느낀 가장큰 고민이 결과 코드를 하나하나 다 이해하는데 시간이 너무 걸린다 는 점입니다! 예를 들어서 react로 컴포넌트 하나만 만들어도 코드가 상당해서 이해하는데 몇시간이 걸린 경험도 있습니다.. 😂 제가 담당한 파트니 설명할 수 있어야하고 이해해야 한다는 부담이 너무 큰거같아요 또한 개발에서 중요한게 리렌더링같은 "성능"이라고 생각해서 useEffect같은 부분에서 이상한 부분도 없는지도 검사해야하구요. 지금 페이지하나 만드는데도 이런데 나중에 요구사항이 커지면 더 오래걸릴거같아서요! 강사님은 ai로나온 결과물 어떻게 처리하시는지가 궁금합니다. 누구는 ai로만든걸 어떻게 한줄한줄 다보냐, 회사에서는 그렇게 다 들여다보고 있을 시간이 없다. 결과물이 중요하다는 사람도 있어서 제가 너무 미련하게 하고있는건지 고민이되네요 긴글 읽어주셔서 감사합니다!

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
한슬기 댓글 1 좋아요 0 조회수 114

kakao_app_icon 파일이 없습니다.

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

현재 소셜로그인(카카오) 부분 강의를 수강중인데 올려주신 자료 압축파일에 kakao_app_icon 이 없습니다. 확인 후 수정 부탁드립니다.

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
p4sh4 댓글 1 좋아요 0 조회수 66

강의 자료 제작을 어떻게 하셨는지 궁금합니다!

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

안녕하세요 정환님 좋은 강의 감사합니다. 다름이 아니라 강의자료가 너무 깔끔하고 모션이 자연스러운데 어떻게 만드신건지 여쭙고 싶습니다. 그런 프로그램이 따로 있나요? 코드로 만든건가요? remotion이나 hyperframes는 사용 안하시는지도 여쭙고 싶습니다!

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
김동화 댓글 1 좋아요 0 조회수 101

새 링크 버튼이 안 보여요

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

안녕하세요! 디자인 수정을 명령한 후 완성된 페이지를 보았더니, 테마가 바뀌면서 '새 링크' 버튼이 안 보이더라구요.. 아무것도 없는 곳을 클릭하면 사진과 같이, 기능은 사용할 수 있는데..왜 그럴까요.. 디자인은 노션으로 2-3번, 애플로 1번 해봤으나 노션도 애플도 사진과 같은 테마에 버튼은 마찬가지로 없었습니다. ++ 디자인 테마 설정하기 부분 커밋 싹 지우고 건너 뛰고 하니까 잘 진행되고는 있습니다!!

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
도로미 댓글 2 좋아요 0 조회수 96

질문있어요!

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

안녕하세요. 현재 Codex 환경에서 바이브 코딩 중심으로 Next.js/React 프로젝트를 만들고 있어요 ㅠ 직접 관리하는 영역인 ts/tsx 앱 코드가 약 480개 파일 4.3만 라인 정도이고 더 늘어날 예정입니다. generated 코드까지 포함하면 11만 라인 이상인 것 같아요.. ai 정신나간 놈이 사이버 보험 들어서 방어하라는 말을 듣고 충격먹어서 직접 공부도 조금씩 하고 있습니다. 저는 그냥 리액트는 단 하나도 모르고 HTML도 겉핥기식으로 매우 얕은 지식만 알고 있어서 상당한 고충이 따르는 중입니다. 처음에는 AI에게 기능 단위로 요청하면서 빠르게 만들 수 있었는데 프로젝트가 커지고 CSS 단일이 8000줄이 넘어가고, 이걸 며칠 동안 분리하다 보니 점점 문제가 커지더라구요 ㅋㅋㅋ 일단 가장 큰 문제점이 AI가 만든 코드가 구조적으로 괜찮은지 판단하기 어렵다 파일이 커지거나 책임이 섞이는 것을 어디서 끊어야 할지 어렵다 lint/typecheck는 통과해도 production build에서 터지는 경우가 있다 인증, 세션, DB, rate limit, 업로드, Origin 검증 같은 보안 영역이 특히 불안하다 Codex/Claude Code 같은 도구에서 어느 규모부터 사람이 직접 구조를 잡아줘야 하는지 감이 없다 이런 규모의 프로젝트도 바이브 코딩 방식으로 계속 끌고 가는 게 현실적으로 가능할까요? 가능하다면 어떤 개발 지식을 우선적으로 익혀야 하는지가 가장 궁금합니다 🥲 그리고 코덱스도 CLI 가 가능해서 여쭤봅니다. 코덱스 pro를 사용중인데 계속 코덱스로 수업을 들어도 괜찮을까요?? 또 강의에서 보안 쪽 인증/세션/쿠키, DB 데이터 보호, API 보안, 업로드 보안, 배포 전 점검 같은 부분도 AI 개발자가 최소한 어떤 기준으로 판단해야 하는지 다뤄주시는지도 궁금해요 ㅠㅠ

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
푸루미 댓글 2 좋아요 2 조회수 124

테마 적용 관련 질문

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

안녕하세요 정환님! 디자인 테마 설정하기 강의에서 나온대로 SKILL.md 파일을 토대로 claude한테 스타일링을 시켰는데 정환님처럼 안되고 살짝 다르게 스타일링이 되더라구여 원래 같은 md 파일로 스타일링을 하더라도 조금씩 디자인이 달라지나요? 저는 이렇게 디자인이 됐습니다!

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
현석 댓글 1 좋아요 1 조회수 99

(macOS) themes.zip 압축 해제가 되지 않습니다.

해결됨

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

안녕하세요 강사님. 강의에서 제공된 themes.zip 파일을 다운로드했는데 압축 해제가 되지 않습니다.

  • 웹앱
  • 네트워크
  • 보안-교육
  • claude
  • 바이브코딩
쉬었음루피 댓글 2 좋아요 0 조회수 91

OrderServiceTest 상문주문 테스트 시 update 쿼리 문의

미해결

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

안녕하세요. OrderServiceTest에 상문주문 메서드 실행 할때 쿼리를 봤는데 item에 update 쿼리가 발생했더라고요. 제가 궁금한게 item, member, order.. 등등 persist 했고 중간에 flush를 할만한 jpql이라던가 모든 엔티티 pk가 identity로 되어 있지 않은데 item에 update가 왜 발생한건가요? 엔티티를 persist 하고 flush 전에 변경 감지 set으로 수정하면 insert -> update가 나가는건가요? insert만 나가는거 아닌가요? 감사합니다.

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
댓글 1 좋아요 0 조회수 62

백오피스를 개발할 때 아키텍처 구성에 대한 질문

미해결

[React 2부] 고급 주제와 훅

감사한 마음으로 강의 잘 듣고 있는 중입니다. Vue3 + Quasar(UI Framework) + Nuxt3 TypeScript vee-validate/valibot 으로 프로젝트를 한 경험이 있는데 react는 조금 어렵게 느껴지네요. 아마도 원리를 알려주신다고 리액트 훅들을 직접 만들어서 그런 것 같지만 좋은 것 같습니다. 제가 드리고자 하는 질문은 React + UI Framework + Next TypeScript 검증 라이브러리 로 유사한 아키덱처로 갈 예정인데 문제가 UI Framework와 검증 라이브러리를 어떤 것을 사용하는 것이 좋을지 몰라서 질문 드립니다. 혹시 추천해주실 UI Framework와 검증 라이브러리가 있나요? 또 한가지는 아무래도 백오피스이므로 데이타 그리드도 중요한데 추천 부탁드립니다. 이전에 사용한 Quasar는 자체 quasar.css를 가지고 있어 웹 접근성이나 sass 작업할 때 너무 힘들었습니다. 질문이 너무 광범위해서 죄송합니다.

  • javascript
  • 웹앱
  • React-Context
  • react-hooks
gaabi1204 댓글 3 좋아요 0 조회수 99

state 객체로 묶기

해결됨

React 마스터 클래스: Part 1 - 미션으로 깨우치는 렌더링 본질과 설계

mport { useState } from "react" ; function SignupForm () { const [username, setUsername] = useState ( "" ); const [email, setEmail] = useState ( "" ); const [agree, setAgree] = useState ( false ); function handleSubmit (e) { e. preventDefault (); // 페이지 새로고침 방지 console . log ( "제출 데이터:" , { username, email, agree }); alert ${username}님, 가입이 완료되었습니다! ); } return ( < form onSubmit = {handleSubmit} > < label > 사용자 이름 < input type = "text" value = {username} onChange = {(e) => setUsername( e.target .value)} /> </ label > < br /> < label > 이메일 < input type = "email" value = {email} onChange = {(e) => setEmail( e.target .value)} /> </ label > < br /> < label > < input type = "checkbox" checked = {agree} onChange = {(e) => setAgree( e.target .checked)} /> 약관에 동의합니다 </ label > < br /> < button type = "submit" > 가입하기 </ button > </ form > ); } 이학습 코드에선 왜 const [username, setUsername] = useState ( "" ); const [email, setEmail] = useState ( "" ); const [agree, setAgree] = useState ( false ); 이부분들을 객체로 안 묶고 따로 state로 관리 하는지가 궁금합니다!

  • HTML/CSS
  • javascript
  • react
  • 웹앱
  • frontend
감코 댓글 1 좋아요 0 조회수 68

실습자료 확인 요청

미해결

대세는 바이브 코딩 : 클로드 코드와 TDD로 완성하는 AI 풀스택 개발

교재 실습 파일과 강의에서 직접 작성하는 코드의 내용이 달라 너무 불편합니다. 아직 강의 초반이지만 너무 훅훅 지나가시고, 혼자말처럼 말씀하시는데 정말 따라가기 힘듭니다 강사님. 바이브코딩 시작 전, 강사님이 직접 작성하시는 테스트 코드 와 제공된 실습 자료 코드가 일치하는지 확인해 주시기 바랍니다.

  • 웹앱
  • tdd
  • 인공지능(ai)
  • claude
  • 바이브코딩
outofmtx 댓글 2 좋아요 0 조회수 99

쿠폰 문의 드립니다.

미해결

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

안녕하세요 강사님 강의들 잘 보고 있습니다. 2026년에 구입했던 "한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS" 강의 다시 보게 되면서 "한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편" 강의도 구매해서 보고 싶어 졌는데 예전에 받았던 할인 쿠폰이 만료 처리 되어 사용할 수가 없네요. 너무 늦은 시점에 요청 드려 염치가 없지만 혹시 쿠폰 재발급이 가능한지 문의 드립니다. 감사합니다. 수고하세요.

  • react
  • 웹앱
  • tailwindcss
  • react-query
  • zustand
itdeveloper 댓글 2 좋아요 0 조회수 55

sdk 설정 오류

미해결

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 이렇게 오류가 떠서 jdk oracle을 다운 받고 sdk도 설정하고 IVM도 설정했습니다. 자바 스프링 버전은 최신 버전인 4.0.5 대신 강의 자료에서 3.x인 최신버전을 선택하라길래 3.5.13.을 선택했습니다. 무슨 문제일까요?

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
김주현 댓글 2 좋아요 0 조회수 122

섹션3 Shadcn/ui 생성 시

미해결

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

( 해당 섹션 수강하던 2026-04-03 기준 ) npx shadcn@latest init 명령어 입력하면 2가지 선택지를 제공해줘요. Select a component library 라고 떠요 선택지에 Radix, Base 있는데 Radix가 흔히 아는 Shadcn/ui 라고 합니다. Which preset would you like to use? Nova (아이콘 Lucide, 폰트 Geist) Vega (아이콘 Lucide, 폰트 Inter) Maia (아이콘 Hugeicons, 폰트 Figtree) Lyra (아이콘 Phosphor, 폰트 JetBrains Mono) Mira (아이콘 Hugeicons, 폰트 Inter) Luma (아이콘 Lucide, 폰트 Inter) 강의에선 7:16 참고 하시면 base color 고르라는 선택지가 나왔고, 강사님께선 Neutral 고르셨습니다. 저는 저게 안나와서 gemini 에게 물어봤고 이와 같은 답변을 얻어서 진행했습니다. 혹시나 참고가 될까싶어 작성합니다.

  • react
  • 웹앱
  • tailwindcss
  • react-query
  • zustand
ggomsoo 댓글 1 좋아요 0 조회수 166

저는 왜 콘솔에서 props가 한 줄만 찍히나요?

해결됨

React start with Next.js

next.config.mjs 에서 reactStrictMode 설정을 한 것도 아닌데 왜 콘솔에 한 줄만 뜰까요? next.js , react, node.js 버전은 현재 기준 가장 최신 버전이고, mac 환경입니다. npm run dev 로 실행했습니다. 강의시점과의 버전 차이 문제일까요?

  • javascript
  • react
  • 웹앱
  • ajax
속터져 댓글 1 좋아요 0 조회수 90

인기 태그

인프런 TOP Writers

주간 인기글