무엇이든 쉽게 설명할 방법은 있다!
📚 도서
🏆 어워드
2025 인프런 연말어워드 베스트셀러 수상
2024 인프런 연말어워드 수강생 PICK 수상
2023 인프런 연말어워드 수강생 PICK 수상
📹 강의
한 입 크기로 잘라먹는 바이브코딩
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
강의
로드맵
전체 2수강평
- 한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
- 한 입 크기로 잘라먹는 Next.js
게시글
질문&답변
강의 수강 후 포트폴리오 준비 방향에 대해 조언 부탁드립니다.
안녕하세요 imhj11777님 이정환입니다. 순서대로 답변드리겠습니다.1) 프로젝트의 주제나 소재는 불법적인게 아니라면 전혀 아무런 문제도 되지 않는다고 생각합니다. 물론 향후에 입사 지원하실 회사의 서비스와 유사한 주제라면 아주 조금은 득점 포인트가 될 수 있겠지만 주요한 포인트는 아니라고 생각합니다.2) 1번에서 말씀드린대로 주제는 별로 중요하지 않다고 생각합니다. 주제보다는 실제 운영 여부와 운영 과정에서 발생한 이슈 트래킹 기록이 훨씬 중요할 것 같습니다. 따라서 한명이라도 실제 유저를 받아볼 수 있는 주제를 골라 서비스를 만들어보시면 좋을 것 같습니다.3) 개인적으로 React, TypeScript, Next의 지식은 기본으로 깔리고 그 위에 서비스 운영 경험이 함께 녹아있어야 경쟁력 있는 포트폴리오 구성이 가능하다고 생각합니다. 과거에 시장이 많이 좋았을 당시에는 특정 라이브러리나 프레임워크의 학습 정도가 높다는 이유 만으로 메리트가 되었던 적도 있었으나 AI가 많이 발전한 지금으로써는 단순 학습의 양이 큰 메리트가 되지는 못할 것 같습니다. 따라서 지금까지 배워오신 지식들을 기반으로 꼭 실제 서비스를 운영하시면서 운영 과정에서 기술적으로 어떤 챌린지가 있었고, 어떻게 해결해 나갔는지 잘 기록해두시는 걸 추천드립니다.4) 1번에서 말씀드렸듯 주제를 추천해드리는건 큰 의미가 없는 것 같습니다. 질문자님께서 실제로 운영하실 프로젝트이니 만큼 질문자님께서 관심있는 주제의 프로젝트를 선정하시는게 좋을 것 같습니다.5) 개인, AI, 팀 다 제치고 실제 운영이 되는 프로젝트가 가장 중요합니다. 어떤 프로젝트이던 유저가 없고 운영 과정에서 직접 부딪히며 배운 점이 없다면 차별점이 되지는 못할 것 같습니다. 개인적으로는 AI를 사용하지 않을 이유는 없다고 생각합니다. AI를 활용하셔서 프론트엔드뿐만 아니라 백엔드나 인프라 관련된 부분까지도 모두 아우르는 프로젝트를 꼭 경험해보셨으면 좋겠습니다 !_!
- 좋아요수
- 2
- 댓글수
- 1
- 조회수
- 14
질문&답변
@/styles/globals.css'
안녕하세요 이루빠님 이정환입니다.해당 경로에 globals.css 파일이 잘 존재하는데도 불러오기가 잘 안된다면, 아마 타입스크립트 baseUrl 또는 path 설정과 관련된 문제로 보입니다. 정확한 원인 파악을 위해서는 질문 가이드라인에 남겨드린대로 전체 프로젝트 코드를 깃허브 링크 형태로 전달해 주셔야 합니다. 링크 형태로 답글 남겨주시면 직접 살펴보고 회신드리겠습니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 16
질문&답변
git 커밋 관련 문의
안녕하세요 이정환입니다순서대로 답변 드리겠습니다!1) index.html 파일에 수정사항 반영 안되는 문제원인은 index.html 파일을 직접 수정하신 다음 변경사항을 저장하시지 않아 그렇습니다.좌측 상단 파일명 오른쪽을 보시면 흰색 동그라미(●) 표시가 보이실 텐데요. 이 표시는 “아직 저장되지 않은 수정사항이 있다”는 뜻입니다. 저장이 완료되면 이 동그라미가 X 버튼으로 바뀝니다.이렇게 직접 코드를 수정 중이신 상태에서는, 직접 수정하신 버전이 아직 파일에 반영되지 않은 상태이기 때문에 브라우저로 결과를 확인해도 변경사항이 보이지 않습니다. 또한 이 상태에서 클로드에게 추가 수정을 요청하시면, 클로드가 수정한 버전과 직접 수정하신 버전이 서로 충돌할 수 있으니 주의해 주세요.해결 방법은 그냥 해당 파일을 닫았다가 다시 열어주시면 됩니다.이때 “변경사항을 저장하시겠습니까?“라는 창이 뜰 텐데요, 여기서 저장 안 함을 선택해 주세요. 직접 수정하셨던 내용은 반영하지 않고 버리겠다는 뜻입니다.이렇게 하시면 클로드가 수정한 버전이 그대로 유지된 채로 파일이 다시 열리고, 변경사항도 정상적으로 반영되어 있을 거예요.2) Git username과 email 미등록 문제이 문제는 강의 중에 username과 email 등록 과정에 대한 설명이 충분히 안내되지 못해 발생한 것 같습니다. 이 부분은 제가 좀 더 명확히 짚어드렸어야 했는데, 헷갈리게 해드려 죄송합니다. 빠른시일내로 다시 점검하도록 하겠습니다Git은 설치만으로는 작성자 정보(username, email)가 자동으로 들어가지 않아서, 별도로 한 번 등록해 주셔야 합니다. 이 정보가 비어 있는 상태에서 git commit(작업 내용을 기록하는 명령어)을 하시면, Git이 “누가 작업한 건지 모르겠다”며 에러나 경고를 띄우거든요.해결 방법아래 두 줄을 터미널에 입력해 username과 email을 등록해 주세요. 아무 터미널이나 괜찮습니다(vscode 터미널도 ok)git config --global user.name "이름"git config --global user.email "이메일@example.com"여기서 --global은 “이 컴퓨터의 모든 프로젝트에 적용하겠다”는 뜻입니다. 한 번만 등록해 두시면 이후로는 다시 하실 필요 없어요.등록이 잘 됐는지는 아래 명령어로 확인하실 수 있습니다.방금 등록한 이름과 이메일이 보이면 정상적으로 해결된 거예요.git config --global --list
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 25
질문&답변
Git, claude 설치
안녕하세요 hyon kug lee님 이정환입니다.현재 Windows OS에 Claude Code 설치하기 챕터까지 학습하셨군요Git 설치 과정은 강의에서 안내드리고 있는대로 아래의 Git 설치 확인하기 과정을 통해 제대로 잘 설치가 되었는지 직접 확인하실 수 있습니다. 터미널을 열고 git --version 명령어를 입력해보세요(사진)Claude Code 설치는 반드시 강의에서 안내드리는 문서대로 진행하셔야 합니다. 아래 그림처럼 강의에 안내된 프로세스대로 설치를 동일하게 진행해주시면 됩니다.(다른 방식으로 설치를 진행하실 경우 실습 과정에서 오류가 발생할 수 있습니다)혹시 설치 과정에서 문제가 발생한다면 언제든 질문주세요(사진)
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 26
질문&답변
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
안녕하세요 멍이님 이정환입니다.해당 이슈는 아래 캡쳐 남겨드린 것 처럼 바로 다음 챕터에서 다루고 있습니다. 참고 부탁드립니다 😀(사진)
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 33
질문&답변
교재(3쇄)와 강의 내용 문의
안녕하세요 @V님 이정환입니다.아마 큰 차이점은 없도록 개정 해 두었는데, 25년 1월 발행된 3쇄 교재를 가지고 계시다면 교재 기준으로 보시는게 더 좋을 듯 합니다. 혹시 애매한 부분이 있으시다면 언제든 편하게 질문 부탁드립니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 34
질문&답변
node js 설치 시 npm이 계속 안됩니다.
안녕하세요 fanta4zx님 이정환입니다.권한 관련 오류로 보이네요! 해당 문제를 해결하시려면 우선 파워쉘을 관리자 권한으로 실행해 주세요(사진)그런 다음 아래의 명령어를 터미널에 입력해주세요 // 현재 실행 정책 확인하기 Get-ExecutionPolicy위 명령어는 현재 PC의 실행 정책을 확인 하는 명령어로 Restricted 또는 RemoteSigned 라는 결과를 출력합니다. 만약 다음 그림처럼 Restricted 라는 결과가 출력될 경우 스크립트 파일을 읽어 실행할 수 없기에 문제가 발생할 수 있습니다.(사진)이럴 경우 다음 명령어를 입력해 권한 설정을 Restricted가 아닌 RemoteSigned로 바꿔주셔야 합니다.// 실행 정책을 RemoteSigned로 변경하기 Set-ExecutionPolicy RemoteSigned
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 37
질문&답변
7.5 강의에서 settings.json 붙여 넣기 내용이 영상과 다릅니다
안녕하세요 임성용님 이정환입니다강의 자료로 안내된 settings.json을 붙여넣어주시면 됩니다자막으로도 추가해 두겠습니다 감사합니다
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 60
질문&답변
왜 클로드.md 파일에 프롬프트를 넣는건지 궁금합니다
안녕하세요 신윤철님 이정환입니다터미널에 긴 프롬프트를 직접 작성하다보면 수정하기에 다소 불편하기 때문입니다.참고로 본 내용은 아래의 그림처럼 본 강의의 5.6 챕터의 2분 54초 경에 설명해드리고 있으니 참고해보셔도 좋을 것 같습니다 :)(사진)(사진)(사진) (사진)(사진)(사진)
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 64
질문&답변
AI 권한 부여가 안됩니다.
안녕하세요 이정환입니다.아래 그림처럼 강의에서 안내드린대로 setting.json이 아닌 settings.json으로 설정해주셔야 합니다(사진).
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 63




