무엇이든 쉽게 설명할 방법은 있다!
📚 도서
🏆 어워드
2025 인프런 연말어워드 베스트셀러 수상
2024 인프런 연말어워드 수강생 PICK 수상
2023 인프런 연말어워드 수강생 PICK 수상
📹 강의
한 입 크기로 잘라먹는 바이브코딩
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
강의
로드맵
전체 2수강평
- [무료 Live] 바이브코딩은 배우고 싶지만, 겉핥기는 싫은 당신에게 - 0610
- [무료 Live] 바이브코딩은 배우고 싶지만, 겉핥기는 싫은 당신에게 - 0610
게시글
질문&답변
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
안녕하세요 멍이님 이정환입니다.해당 이슈는 아래 캡쳐 남겨드린 것 처럼 바로 다음 챕터에서 다루고 있습니다. 참고 부탁드립니다 😀(사진)
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 10
질문&답변
교재(3쇄)와 강의 내용 문의
안녕하세요 @V님 이정환입니다.아마 큰 차이점은 없도록 개정 해 두었는데, 25년 1월 발행된 3쇄 교재를 가지고 계시다면 교재 기준으로 보시는게 더 좋을 듯 합니다. 혹시 애매한 부분이 있으시다면 언제든 편하게 질문 부탁드립니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 28
질문&답변
node js 설치 시 npm이 계속 안됩니다.
안녕하세요 fanta4zx님 이정환입니다.권한 관련 오류로 보이네요! 해당 문제를 해결하시려면 우선 파워쉘을 관리자 권한으로 실행해 주세요(사진)그런 다음 아래의 명령어를 터미널에 입력해주세요 // 현재 실행 정책 확인하기 Get-ExecutionPolicy위 명령어는 현재 PC의 실행 정책을 확인 하는 명령어로 Restricted 또는 RemoteSigned 라는 결과를 출력합니다. 만약 다음 그림처럼 Restricted 라는 결과가 출력될 경우 스크립트 파일을 읽어 실행할 수 없기에 문제가 발생할 수 있습니다.(사진)이럴 경우 다음 명령어를 입력해 권한 설정을 Restricted가 아닌 RemoteSigned로 바꿔주셔야 합니다.// 실행 정책을 RemoteSigned로 변경하기 Set-ExecutionPolicy RemoteSigned
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 25
질문&답변
7.5 강의에서 settings.json 붙여 넣기 내용이 영상과 다릅니다
안녕하세요 임성용님 이정환입니다강의 자료로 안내된 settings.json을 붙여넣어주시면 됩니다자막으로도 추가해 두겠습니다 감사합니다
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 54
질문&답변
왜 클로드.md 파일에 프롬프트를 넣는건지 궁금합니다
안녕하세요 신윤철님 이정환입니다터미널에 긴 프롬프트를 직접 작성하다보면 수정하기에 다소 불편하기 때문입니다.참고로 본 내용은 아래의 그림처럼 본 강의의 5.6 챕터의 2분 54초 경에 설명해드리고 있으니 참고해보셔도 좋을 것 같습니다 :)(사진)(사진)(사진) (사진)(사진)(사진)
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 58
질문&답변
AI 권한 부여가 안됩니다.
안녕하세요 이정환입니다.아래 그림처럼 강의에서 안내드린대로 setting.json이 아닌 settings.json으로 설정해주셔야 합니다(사진).
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 61
질문&답변
12.13) 하단 여백 스타일링 관련 질문 드립니다.
안녕하세요 멍멍님 이정환입니다강의 교안으로 업로드 해 둔 코드에서는 #root 요소의 display:flex 속성을 제거해도 전체 컨테이너가 잘 감싸져 있는것을 방금 확인했습니다.아마 사용하시는 브라우저의 이슈이거나 혹은 코드상 다른 부분에 차이가 있지 않을까 싶은데요 전체 코드를 확인하지 않고서는 정확한 원인을 파악하기 어렵기에 현재로써는 짐작가는 부분은 없는 상황입니다 ㅠㅠ만약 궁금하시다면 전체 코드를 GitHub을 통해 링크로 제공해주시면 어떤 부분에서 차이가 발생하는지 확인해보겠습니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 65
질문&답변
질문있습니다!!
안녕하세요 한슬기님 이정환입니다.1) 현재 Claude Code 최신버전으로 설치하실 경우 환경변수가 자동 등록되는것으로 알고 있습니다. 따라서 이와 관련해서는 별도 안내를 드리지 않고 있는데 이상하네요..! 다시 한번 제대로 확인해보겠습니다. 혹시나 동일한 문제를 겪으실 분들을 위해 해당 파트에 환경변수 관련 안내도 추가해두겠습니다.2) 이 부분은 아직 정론이 나오지 않은 것 같아 답변드리기가 많이 조심스럽지만, 취미수준을 벗어나 전문 개발자 수준으로 성장하려면 당연히 코드를 이해할 수 있어야 한다고 생각합니다. 물론 아주 디테일 한 부분 (정규표현식 관련 이라거나 등등 ...)의 코드까지는 저도 이제는 이해할 필요가 굳이 있을까 싶기는 한데요, 그런 부분도 문제 해결에 도움이 된다면 언제든 디깅해서 읽어낼 수 있는 기반 지식은 필요하다고 생각합니다.결과물만이 중요한건 아닌것 같아요 어쨌든 AI는 할루시네이션이 불가피하기 때문에 언젠간 문제를 일으킬 테고, 지금 일으키지 않는다고 해서 문제가 없는것도 아니기 때문에 전문 개발자라면 코드에 대한 이해와 직접 검토는 어느정도 필요하다고 생각합니다.대신 정말 한 줄 한 줄 불필요한 부분까지 다 읽으면 말씀하신대로 생산성이 떨어질테니, 주요한 비즈니스 로직을 추려 읽어본다던가 혹은 TDD를 도입해 테스트 코드를 유심히 읽어본 뒤 메인 로직은 테스트코드의 동작이 성공 한다면 리뷰를 생략하는 등의 일부 포기는 가능할 것 같습니다!
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 74
질문&답변
kakao_app_icon 파일이 없습니다.
안녕하세요 p4sh4님 이정환입니다.아이고!! 이런 실수를 .. 죄송합니다 바로 교체해 두었습니다(사진)
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 50
질문&답변
에러 질문드립니다
안녕하세요 tpals2001님 이정환입니다.캡쳐오 올려주신 사진을 보면 vite-env.d.ts 파일이 포함되어 있는걸 보실 수 있는데요, 이 파일은 타입스크립트 환경에서 사용되는 파일입니다. (사진) 강의에서 안내드린대로 npm create vite@latest > React 선택 > JavaScript 선택하셔서 프로젝트를 생성하시면 아래 그림처럼(방금 만들어봤습니다) 해당 파일이 포함되지 않은채로 프로젝트가 생성됩니다.(사진) 따라서 아마 프로젝트 생성 과정에서 옵션 선택을 잘 못 하셨을 가능성이 높아보입니다. 현재 프로젝트를 제거하신 다음 처음부터 다시 생성해보시길 권장드립니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 63




