무엇이든 쉽게 설명할 방법은 있다!
📚 도서
🏆 어워드
2025 인프런 연말어워드 베스트셀러 수상
2024 인프런 연말어워드 수강생 PICK 수상
2023 인프런 연말어워드 수강생 PICK 수상
📹 강의
한 입 크기로 잘라먹는 바이브코딩
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
강의
로드맵
전체 2수강평
- 한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
- 한 입 크기로 잘라먹는 바이브코딩 - 겉핥기 말고, 진짜 개발자처럼 (클로드 & 코덱스)
- 한 입 크기로 잘라먹는 바이브코딩 - 겉핥기 말고, 진짜 개발자처럼 (클로드 & 코덱스)
- 한 입 크기로 잘라먹는 바이브코딩 - 겉핥기 말고, 진짜 개발자처럼 (클로드 & 코덱스)
게시글
질문&답변
7.5 강의에서 settings.json 붙여 넣기 내용이 영상과 다릅니다
안녕하세요 임성용님 이정환입니다강의 자료로 안내된 settings.json을 붙여넣어주시면 됩니다자막으로도 추가해 두겠습니다 감사합니다
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 46
질문&답변
왜 클로드.md 파일에 프롬프트를 넣는건지 궁금합니다
안녕하세요 신윤철님 이정환입니다터미널에 긴 프롬프트를 직접 작성하다보면 수정하기에 다소 불편하기 때문입니다.참고로 본 내용은 아래의 그림처럼 본 강의의 5.6 챕터의 2분 54초 경에 설명해드리고 있으니 참고해보셔도 좋을 것 같습니다 :)(사진)(사진)(사진) (사진)(사진)(사진)
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 49
질문&답변
AI 권한 부여가 안됩니다.
안녕하세요 이정환입니다.아래 그림처럼 강의에서 안내드린대로 setting.json이 아닌 settings.json으로 설정해주셔야 합니다(사진).
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 56
질문&답변
12.13) 하단 여백 스타일링 관련 질문 드립니다.
안녕하세요 멍멍님 이정환입니다강의 교안으로 업로드 해 둔 코드에서는 #root 요소의 display:flex 속성을 제거해도 전체 컨테이너가 잘 감싸져 있는것을 방금 확인했습니다.아마 사용하시는 브라우저의 이슈이거나 혹은 코드상 다른 부분에 차이가 있지 않을까 싶은데요 전체 코드를 확인하지 않고서는 정확한 원인을 파악하기 어렵기에 현재로써는 짐작가는 부분은 없는 상황입니다 ㅠㅠ만약 궁금하시다면 전체 코드를 GitHub을 통해 링크로 제공해주시면 어떤 부분에서 차이가 발생하는지 확인해보겠습니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 61
질문&답변
질문있습니다!!
안녕하세요 한슬기님 이정환입니다.1) 현재 Claude Code 최신버전으로 설치하실 경우 환경변수가 자동 등록되는것으로 알고 있습니다. 따라서 이와 관련해서는 별도 안내를 드리지 않고 있는데 이상하네요..! 다시 한번 제대로 확인해보겠습니다. 혹시나 동일한 문제를 겪으실 분들을 위해 해당 파트에 환경변수 관련 안내도 추가해두겠습니다.2) 이 부분은 아직 정론이 나오지 않은 것 같아 답변드리기가 많이 조심스럽지만, 취미수준을 벗어나 전문 개발자 수준으로 성장하려면 당연히 코드를 이해할 수 있어야 한다고 생각합니다. 물론 아주 디테일 한 부분 (정규표현식 관련 이라거나 등등 ...)의 코드까지는 저도 이제는 이해할 필요가 굳이 있을까 싶기는 한데요, 그런 부분도 문제 해결에 도움이 된다면 언제든 디깅해서 읽어낼 수 있는 기반 지식은 필요하다고 생각합니다.결과물만이 중요한건 아닌것 같아요 어쨌든 AI는 할루시네이션이 불가피하기 때문에 언젠간 문제를 일으킬 테고, 지금 일으키지 않는다고 해서 문제가 없는것도 아니기 때문에 전문 개발자라면 코드에 대한 이해와 직접 검토는 어느정도 필요하다고 생각합니다.대신 정말 한 줄 한 줄 불필요한 부분까지 다 읽으면 말씀하신대로 생산성이 떨어질테니, 주요한 비즈니스 로직을 추려 읽어본다던가 혹은 TDD를 도입해 테스트 코드를 유심히 읽어본 뒤 메인 로직은 테스트코드의 동작이 성공 한다면 리뷰를 생략하는 등의 일부 포기는 가능할 것 같습니다!
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 71
질문&답변
kakao_app_icon 파일이 없습니다.
안녕하세요 p4sh4님 이정환입니다.아이고!! 이런 실수를 .. 죄송합니다 바로 교체해 두었습니다(사진)
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 48
질문&답변
에러 질문드립니다
안녕하세요 tpals2001님 이정환입니다.캡쳐오 올려주신 사진을 보면 vite-env.d.ts 파일이 포함되어 있는걸 보실 수 있는데요, 이 파일은 타입스크립트 환경에서 사용되는 파일입니다. (사진) 강의에서 안내드린대로 npm create vite@latest > React 선택 > JavaScript 선택하셔서 프로젝트를 생성하시면 아래 그림처럼(방금 만들어봤습니다) 해당 파일이 포함되지 않은채로 프로젝트가 생성됩니다.(사진) 따라서 아마 프로젝트 생성 과정에서 옵션 선택을 잘 못 하셨을 가능성이 높아보입니다. 현재 프로젝트를 제거하신 다음 처음부터 다시 생성해보시길 권장드립니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 60
질문&답변
강의 자료 제작을 어떻게 하셨는지 궁금합니다!
안녕하세요 김동화님 이정환입니다 먼저 칭찬 정말 감사합니다.시각자료 제작에 정말 많은 시간을 소요하는 저에게 최고로 감사한 칭찬이에요 🙇♂ 90% 이상의 시각자료는 사실 Keynote를 통해서 만들어집니다. 모션들도 Keynote에서 제공하는 애니메이션만 사용하고 있어요강의를 들으시다가 가끔 보이는 화면 위에 자막은 프리미어 프로를 통해 그때 그때 제작하고 있습니다! 그 외의 프로그램은 사용하지 않아요 😀
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 74
질문&답변
새 링크 버튼이 안 보여요
안녕하세요 이정환입니다아이고 이런 이슈가 있으셨군요 버튼이 있던 위치를 클릭했을때 새 링크 페이지로 이동 되었다면 아마 스타일 설정과정에서 클로드가 버튼의 스타일을 실수로 보이지않게(흰색 배경에 흰색 글자 등으로) 설정한 것으로 보입니다 🥲AI는 확률적으로 동작하다보니 간혹 이렇게 사소한 실수를 할 수 있는데요 이럴때에는 말씀하신 것 처럼 실수한 부분이 포함된 커밋을 취소하시는 등으로 대처하고 작업을 다시 지시하시거나, 혹은 수정을 요청하신다음 수정된 내용을 추가로 커밋하시면 됩니다.이미 실수한 부분의 커밋을 취소해 해결하셨다니 멋지네요 👍👍 버전관리를 제대로 이용하고 계신 것 같습니다!!PS. 만약 이러한 실수를 클로드가 계속 반복한다면, 클로드에게 직접 해당 실수를 다시는 하지 않을 수 있도록 스킬로 등록해 달라고 하시면됩니다. (또는 이미 존재하는 디자인 스킬에 추가해 달라고 해도 됩니다)
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 60
질문&답변
회원가입 구현 (구현 후 최종 화면 출력 X)
안녕하세요 이정환입니다env 파일의 이름이 .env가 아닌 env로 설정되어 있네요 😀강의에서 안내드리는대로 .env로 설정해주시면 정상적으로 작동할 것 같습니다!(사진)혹시 그래도 안된다면 답글 부탁드립니다
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 63




