묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결한 입 크기로 잘라먹는 바이브코딩 (with Claude Code)
kakao_app_icon 파일이 없습니다.
현재 소셜로그인(카카오) 부분 강의를 수강중인데 올려주신 자료 압축파일에 kakao_app_icon 이 없습니다.확인 후 수정 부탁드립니다.
-
미해결한 입 크기로 잘라먹는 바이브코딩 (with Claude Code)
강의 자료 제작을 어떻게 하셨는지 궁금합니다!
안녕하세요 정환님 좋은 강의 감사합니다. 다름이 아니라 강의자료가 너무 깔끔하고 모션이 자연스러운데 어떻게 만드신건지 여쭙고 싶습니다. 그런 프로그램이 따로 있나요? 코드로 만든건가요? remotion이나 hyperframes는 사용 안하시는지도 여쭙고 싶습니다!
-
미해결한 입 크기로 잘라먹는 바이브코딩 (with Claude Code)
새 링크 버튼이 안 보여요
안녕하세요!디자인 수정을 명령한 후 완성된 페이지를 보았더니, 테마가 바뀌면서 '새 링크' 버튼이 안 보이더라구요.. 아무것도 없는 곳을 클릭하면 사진과 같이, 기능은 사용할 수 있는데..왜 그럴까요.. 디자인은 노션으로 2-3번, 애플로 1번 해봤으나 노션도 애플도 사진과 같은 테마에 버튼은 마찬가지로 없었습니다. ++ 디자인 테마 설정하기 부분 커밋 싹 지우고 건너 뛰고 하니까 잘 진행되고는 있습니다!!
-
해결됨한 입 크기로 잘라먹는 바이브코딩 (with Claude Code)
질문있어요!
안녕하세요. 현재 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 개발자가 최소한 어떤 기준으로 판단해야 하는지 다뤄주시는지도 궁금해요 ㅠㅠ
-
미해결한 입 크기로 잘라먹는 바이브코딩 (with Claude Code)
테마 적용 관련 질문
안녕하세요 정환님!디자인 테마 설정하기 강의에서 나온대로 SKILL.md 파일을 토대로 claude한테 스타일링을 시켰는데 정환님처럼 안되고 살짝 다르게 스타일링이 되더라구여 원래 같은 md 파일로 스타일링을 하더라도 조금씩 디자인이 달라지나요? 저는 이렇게 디자인이 됐습니다!
-
해결됨한 입 크기로 잘라먹는 바이브코딩 (with Claude Code)
(macOS) themes.zip 압축 해제가 되지 않습니다.
안녕하세요 강사님.강의에서 제공된 themes.zip 파일을 다운로드했는데 압축 해제가 되지 않습니다.
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
OrderServiceTest 상문주문 테스트 시 update 쿼리 문의
안녕하세요.OrderServiceTest에 상문주문 메서드 실행 할때 쿼리를 봤는데 item에 update 쿼리가 발생했더라고요. 제가 궁금한게 item, member, order.. 등등 persist 했고 중간에 flush를 할만한 jpql이라던가 모든 엔티티 pk가 identity로 되어 있지 않은데 item에 update가 왜 발생한건가요? 엔티티를 persist 하고 flush 전에 변경 감지 set으로 수정하면 insert -> update가 나가는건가요? insert만 나가는거 아닌가요?감사합니다.
-
미해결[React 2부] 고급 주제와 훅
백오피스를 개발할 때 아키텍처 구성에 대한 질문
감사한 마음으로 강의 잘 듣고 있는 중입니다. Vue3 + Quasar(UI Framework) + Nuxt3TypeScriptvee-validate/valibot으로 프로젝트를 한 경험이 있는데 react는 조금 어렵게 느껴지네요. 아마도 원리를 알려주신다고 리액트 훅들을 직접 만들어서 그런 것 같지만 좋은 것 같습니다. 제가 드리고자 하는 질문은React + UI Framework + NextTypeScript검증 라이브러리로 유사한 아키덱처로 갈 예정인데 문제가 UI Framework와 검증 라이브러리를 어떤 것을 사용하는 것이 좋을지 몰라서 질문 드립니다. 혹시 추천해주실 UI Framework와 검증 라이브러리가 있나요?또 한가지는 아무래도 백오피스이므로 데이타 그리드도 중요한데 추천 부탁드립니다.이전에 사용한 Quasar는 자체 quasar.css를 가지고 있어 웹 접근성이나 sass 작업할 때 너무 힘들었습니다. 질문이 너무 광범위해서 죄송합니다.
-
미해결React 마스터 클래스: Part 1 - 미션으로 깨우치는 렌더링 본질과 설계
state 객체로 묶기
mport { useState } from"react"; functionSignupForm() { const [username, setUsername] = useState(""); const [email, setEmail] = useState(""); const [agree, setAgree] = useState(false); functionhandleSubmit(e) { e.preventDefault(); // 페이지 새로고침 방지console.log("제출 데이터:", { username, email, agree }); alert${username}님, 가입이 완료되었습니다!); } return ( <formonSubmit={handleSubmit}><label> 사용자 이름 <inputtype="text"value={username}onChange={(e) => setUsername(e.target.value)} /> </label><br /><label> 이메일 <inputtype="email"value={email}onChange={(e) => setEmail(e.target.value)} /> </label><br /><label><inputtype="checkbox"checked={agree}onChange={(e) => setAgree(e.target.checked)} /> 약관에 동의합니다 </label><br /><buttontype="submit">가입하기</button></form> ); } 이학습 코드에선 왜 const [username, setUsername] = useState(""); const [email, setEmail] = useState(""); const [agree, setAgree] = useState(false);이부분들을 객체로 안 묶고 따로 state로 관리 하는지가 궁금합니다!
-
미해결대세는 바이브 코딩 : 클로드 코드와 TDD로 완성하는 AI 풀스택 개발
실습자료 확인 요청
교재 실습 파일과 강의에서 직접 작성하는 코드의 내용이 달라 너무 불편합니다. 아직 강의 초반이지만 너무 훅훅 지나가시고, 혼자말처럼 말씀하시는데 정말 따라가기 힘듭니다 강사님. 바이브코딩 시작 전, 강사님이 직접 작성하시는 테스트 코드 와 제공된 실습 자료 코드가 일치하는지 확인해 주시기 바랍니다.
-
미해결한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS
쿠폰 문의 드립니다.
안녕하세요 강사님 강의들 잘 보고 있습니다.2026년에 구입했던 "한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS" 강의 다시 보게 되면서 "한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편" 강의도 구매해서 보고 싶어 졌는데 예전에 받았던 할인 쿠폰이 만료 처리 되어 사용할 수가 없네요. 너무 늦은 시점에 요청 드려 염치가 없지만 혹시 쿠폰 재발급이 가능한지 문의 드립니다. 감사합니다.수고하세요.
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
sdk 설정 오류
=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요.이렇게 오류가 떠서 jdk oracle을 다운 받고sdk도 설정하고IVM도 설정했습니다. 자바 스프링 버전은 최신 버전인 4.0.5 대신 강의 자료에서 3.x인 최신버전을 선택하라길래 3.5.13.을 선택했습니다. 무슨 문제일까요?
-
미해결한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS
섹션3 Shadcn/ui 생성 시
( 해당 섹션 수강하던 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 start with Next.js
저는 왜 콘솔에서 props가 한 줄만 찍히나요?
next.config.mjs 에서 reactStrictMode 설정을 한 것도 아닌데 왜 콘솔에 한 줄만 뜰까요? next.js , react, node.js 버전은 현재 기준 가장 최신 버전이고, mac 환경입니다.npm run dev 로 실행했습니다. 강의시점과의 버전 차이 문제일까요?
-
미해결한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS
섹션2 tailwindcss 퀴즈에 대해서
강의 잘 듣고있습니다. tailwindcss@v4로 변경되고 이후론 사용을 안해봐서 이번 강의가 매우 도움이 되고있습니다. 섹션2 모든 챕터 수강 이후 퀴즈를 푸는데 문제 1개가 강의에 사용되는 버전인 v4가 아닌 v3에 대한 내용이 있는 것 같아서 Q&A 올렸습니다.공식문서 - docs - getting started - upgrade guide에서도 확인 가능합니다. 강의 감사합니다.
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
오탈자 - @Transactional
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]안녕하세요. 영한님.프로젝트 환경설정 - JPA와 DB 설정, 동작확인 오탈자 제보합니다.강의에서는 Spring을 사용하고 있기 때문에Spring의 org.springframework.transaction.annotation.Transactional을 사용하셨지만수업자료는 jakarta.transaction.Transactional을 사용하고 있습니다.[1. 프로젝트 환경설정 | JPA와 DB 설정, 동작확인]import org.junit.jupiter.api.Test; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.boot.test.context.SpringBootTest; import org.springframework.test.annotation.Rollback; import org.springframework.transaction.annotation.Transactional;import문 수정 내용입니다. 감사합니다.
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
map API
현재 service 선택 항목에 지도 관련 서비스가 안나오는데 map API 는 어떠한 경로로 접근 가능할까요?
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 1
nodejs 터미널 인식
nodejs 다운로드 후 터미널에서 인식이 안되는데 뭐가 문제일까요.ㅠㅠ
-
해결됨프론트엔드 개발을 위한 모든 지식 (개념편)
29강 업로드 일정 문의드립니다.
안녕하세요 해여님.강의 잘 들었습니다!혹시 29강 및 추가 강의는 언제 업로드 될까요?일정 안내 부탁드립니다.
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
src/test/resources 테스트 경로 문제
spring boot4 + 이클립스를 사용중입니다.src/test/resources 경로에 applicaion.yaml파일을 넣어도 인식을 못해서 3시간을 해맸습니다..구글링으로 java build path에서 설정 경로를 확인할 수 있다는 사실을 알게되었는데src/test/java 경로로 설정이 되어있더군요.여기 경로에 넣으니까 잘 작동됩니다.어째서 src/test/resources 경로가 기본값이 아니였던걸까요..