앵그리비버's IT를 부탁해

혼자 공부하는 바이브 코딩 with 클로드 코드 - Ch6 - (2)

[바이브코딩] 클로드 코드(Claude Code)로 '냉장고 레시피 추천 Web' 뚝딱 만들어봤습니다!안녕하세요! 앵그리비버's IT를 부탁해의 앵그리비버입니다. 🦫✨요즘 개발자 커뮤니티에서 가장 핫한 키워드가 뭔지 아시나요? 바로 **'바이브 코딩(Vibe Coding)'**과 **'클로드 코드(Claude Code)'**입니다! 명령만 몇 줄 던져주면 알아서 기획서(PRD)를 나누고, 백엔드 서버부터 프론트엔드 UI까지 한 번에 뚝딱 만들어준다니... 저도 궁금해서 가만히 있을 수 없었죠.그래서 지난주에 터미널을 열고 **"냉장고 사진을 올리면 AI가 재료를 인식해서 레시피를 추천해주는 웹 서비스"**를 직접 만들어봤습니다! 결론부터 말씀드리면? 생각보다 너무 빠르고 똑똑합니다... 약간 무섭기도 ..

OpenRouter API 키 발급부터 바이브 코딩 준비까지! (완전 초보자 가이드)안녕하세요! 앵그리비버입니다. 🦫✨요즘 개발자들 사이에서 일명 '바이브 코딩(Vibe Coding)'이 대세잖아요? 저도 이번에 터미널 기반 AI 보조 도구인 **클로드 코드(Claude Code)**를 가지고 본격적으로 토이 프로젝트를 만들어보려고 주말 동안 환경 설정을 진행해보았습니다!다양한 AI 모델(GPT-4o, Claude, Llama, Gemma 등)을 하나의 API로 편리하게 연결해주는 OpenRouter(오픈루터) API 키 발급 과정을 스크린샷과 함께 차근차근 정리해보았어요. 생각보다 참 쉽죠잉~!?1단계: OpenRouter 웹사이트 접속 및 가입먼저 openrouter.ai에 접속합니다. 메인 화면에..

지난 개발에 이어서 클로드 코드로 이번에는 선생님 모드로 운영을 위한 대시보드 제작을 저도 해봤습니다!앵그리비버입니다! 요즘 AI 덕분에 개발이 정말 즐거워지고 있죠? 이번에는 '선생님 모드'를 클로드 코드(Claude Code)로 구현해보는 재미있는 도전을 해봤어요. 가짜지만 학생들이 퀴즈 게임을 얼마나 잘하는지, 어떤 부분에서 어려워하는지 한눈에 파악할 수 있는 시스템을 만들고 싶었거든요. 수십 명의 학생 데이터를 일일이 들여다보는 건 정말 노가다 작업인데, 서비스를 만들더라도 이러한 운영성 업무를 효율적으로 할 수 있도록 운영 어드민을 만드는 것이 중요합니다.1. 서비스를 아쉽고 빠르게 만들 수 있는데, 그러면 운영은 어떻게 할까? 고민에서 시작!예전 같으면 "운영 어드민을 어떻게 하지?" 하면서 ..