오늘은 2주차 강의를 진행해보겠습니다. 미리 녹화된 강의를 보는 거라서 주차가 무의미한 것 같습니다. AI 코딩툴로 전반적인 강의를 진행하는 줄 알았는데, 그보다 핵심 기능이 구현된 코드에 대한 설명은 한뒤, Claude code로 동일한 기능을 만드는 실습을 진행하는 방식이었습니다. 강사분이 작업할 때는 AI가 별도 언급이 없어도 skill을 가져다가 작업해줬는데... 저는 그렇게 되지는 않았습니다. # 18강User 도메인을 만들고 필드는 id, username, password를 가지게 해줘패스워드 인코딩은 Argon2 사용해줘회원가입 API를 만들어줘API 규칙은 /api/v1/users/signup 과 같이 해줘.SQL 로그 남기게 해줘. SQL문 한줄로 로깅해주고 바인딩 된 파라미터는 안보..

인프런에서 무료 챌린지를 한다고 해서 등록했는데, 알고 보니 저자의 유료 강의를 들어야만 참여 가능한 챌린지였습니다. 음.... 살짝 고민했는데 커리큘럼도 좋고 50% 쿠폰도 준다고 해서 결제했습니다. 제가 참여한 챌린지와 강좌는 아래와 같습니다. 챌린지: 4주 완성 백엔드 설계 챌린지강의:AI 다루는 백엔드 설계 기본 - SpringBoot SNS 편 무엇보다 claude code와 gemini cli(참고로 수업은 claude code로만 진행합니다. gemini cli는 관련 코드만 제공합니다.)를 사용해서 전체 프로젝트를 수해한다는 것이 좋았고, 평소에 쓰기 어려웠더 레디스도 사용한다고 해서 결제하게 되었습니다. AI시대에 생존하겠다는 일념으로 스터디 가좌 fire!! 1주차는 사실 내용..

이전에 빠르게 1회 시청했던 딩코딩코님의 수업 중 일부를 다시 공부했습니다. 애드센스를 달고 검색 최적화를 하는데 도움을 얻기 위해서 다시 공부할 필요가 있다고 생각했고요. 섹션4만 다시 봤습니다. 3-1 내 코드를 전 세계에 보여주자 github 레포지토리를 1개 만들고, github cli를 설치했습니다. cmd 창에 아래 명령어를 넣으면 바로 설치됩니다.# 설치winget install --id GitHub.cli # 로그인gh auth login# Next.js 기본 프로젝트 개발npx create-next-app@latest . --typescript --tailwind --app 엔터를 치면 연결 화면이 나타납니다. 내 컴퓨터와 깃헙 계정을 연결하는 과정입니다. NEXT.JS 기본프로젝트를 ..

클로드 입력창에 '#'을 입력하면 클로드코드가 그 뒤로 이어질 말을 메모리에 추가할 지침으로 인식해서 CLAUDE.md에 추가할 수 있습니다. /memory claude --resume (/resume) : 세션재개하기(claude -c)rewind /config 각종 설정 확인/export 컨텍스트 내용을 외부(파일)로 저장 커스텀 커멘드 현재 프로젝트에 커스텀 명령어 폴더를 만들어 줘..claude/commands 디렉터리를 생성하고 구조를 보여줘..claude/commands/quiz-validate.md 파일을 만들어 줘.퀴즈 문제 중에서 ‘가장’, ‘최초’, ‘최대’ 같은 최상급 표현이 있는지 찾아서 목록으로 보여줘..claude/commands/quiz-validate.md를 다음과 같이 수정..

클로드 코드에 대한 공부를 위해서 한빛 미디어에서 발간한 혼자 공부하는 바이브코딩 도서를 구입했습니다. 빨리 공부하고 싶어서 발간일에 맞춰서 yes24에서 도서를 구입했고, 빠르게 1주일만에 한번 보면서 따라했습니다. 책을 다보니 마침 인프런에서 동영상 수업을 제공하는 챌린지를 한다고 해서, 인프런 챌린지는 복습차원에서 신청해서 내용을 다시 공부했습니다. 복습이기 때문에 1주일간 조금씩 진행하지 않고 거의 1주 만에 빠르게 진행했습니다. 도서 및 챌린지에서 좋았던 점 : 책 내용 및 구성이 초보자도 이해하기 쉽게 잘 씌여졌고, 쉽게 따라할 수 있습니다. 또한 제공하는 무료 동영상 강의가 상당히 고퀄리티입니다.이전에 저자의 '모두의 딥러닝' 책을 잘 읽어서 고민하지 않고 도서를 구입했습니다. 아쉬웠던..

🚶기본 미션(필수)PROJECT 10. AI 공감 다이어리 앱 만들고 캡처하기 🏃추가 미션(선택)PROJECT 15. 쇼핑 리스트 앱 만들고 캡처하기Supabase에 앱 연동하고 데이터베이스 테이블 캡처하기

🚶기본 미션(필수)PROJECT 9. 냉장고를 부탁해 앱 만들고 캡처하기Chapter6 # 프롬프트1OpenRouter에서 받은 API 키를 .env 파일로 저장했어. 이 키를 안전하게 사용할 수 있도록 준비해 줘.#프롬프트2이제 준비된 API가 실제로 작동하는지 테스트해 줘.이미지 인식은 google/gemma-3-27b-it:free 모델을 이용하고,텍스트 인식은 deepseek/deepseek-chat -v3.1:free 모델을 이용할 거야.API를 통한 텍스트와 이미지 인식을 각각 테스트해서 실행 결과를 알려줘.# 프롬프트3앞서 만든 OpenRouter API를 이용해서, 냉장고 사진에서 재료를 인식하고 레시피를 추천하는 웹 애플리케이션을 만들고 싶어. 다음과 같이 3단계로 나누어서 PRD를 만..

기본 미션(필수)PROJECT 5. 할 일 관리 앱 만들고 캡처하기 데스크톱 버전🏃추가 미션(선택)PROJECT 7. 상식 퀴즈 게임 앱 만들고 캡처하기 # PRD 작성 요청할 일 관리 앱을 만들고 싶어. PRD를 작성해줘.매일 10-20개 정도의 할 일을 관리하는 개인용 앱이야.주요 기능은:- 할 일 추가, 수정, 삭제- 완료 체크 기능- 카테고리 분류 (업무/개인/공부)- 진행률 보기브라우저에서 바로 실행되고, 새로고침해도 데이터가 사라지지 않았으면 좋겠어.기술적으로 복잡하지 않게 순수 자바스크립트로 만들고 싶어.# 단계별 프롬프트 생성이 PRD를 클로드 코드에서 사용할 단계별 프롬프트로 변환해 줘.5개의 핵심 단계로 정리해서 각 단계마다 명확한 지시 사항을 만들어 줘. Chapter5/memory..

기본 미션(필수)PROJECT 3. 손글씨 인식 프로그램 만들고 캡처하기손글씨로 숫자를 입력하면 이것을 인식하는 코드를 만들어서 실행해 줘. 모든 코드와 주석을 영어로 작성해 줘.숫자 인식 프로그램을 윈도우 탐색기에서 클릭해서 실행할 수 있게 해 줘. 책에서는 .bat로 만들었는데, 제가 클로드코드에게 요청했을 때는 .exe를 추천해줘서 그렇게 진행했습니다. 추가 미션(선택)PROJECT 4. 손글씨 인식 프로그램 웹 버전으로 확장하고 캡처하기 내용 정리p113CLAUDE.md에는 프로젝트 구조, 목표, 개발 규칙 등을 저장해 두면 클로드 코드가 언제든지 프로젝트 맥락을 이해하고 이어서 작업할 수 있습니다. 또한 여러 하위 프로젝트가 있을 경우, 각각에 맞는 설정 파일을 만들어 특성에 맞게 관리할..

도서 내 중요부분 정리 P62개발자들은 코딩에 앞서 PRD라는 제품 기획서를 작성합니다.주목할 점은 바이브 코딩에 있어서 제품 기획서가 매우 효과적인 프롬프트로 기능한다는 것입니다. 좋은 프롬프트는 해야 할 일을 명확히 제시하고 맥락을 제공하며, 구체적인 요구사항을 담아야 합니다. 마찬가지로 기획서는 무엇을 만들지, 왜 필요한지, 어떻게 작동해야 하는지를 체계적으로 정리하는 문서이므로, 본질적인 목적이 같습니다.PRD : 1)무엇을 만들지 명확히 정의, 2)프로젝트 목적과 배경 제시, 3)요구사항, 구현방법 구체화좋은 프롬프트 : 해야 할 일을 구체적으로 지시, 왜 필요한지, 어떤 상황인지 설명, 필요한 기능과 조건 세부 명시 기획의 핵심요소5W1HWhy, Who, What, When, Where, Ho..