본문 바로가기

전체 글7

🎉인프런 - 6주 챌린지 회고🎉 개요이런 종류의 글을 써본 적은 없어서 어떻게 써야 할지 잘 모르겠지만.이번 챌린지를 어떻게 접하게 되었고, 활동을 하면서 느낀 점.그리고 최종적으로 어떤 생각을 가지게 되었는지 간단히 적어보겠습니다.1. 바이브 코딩을 만나다때는 바야흐로 2025년 종강 이후..첫 학년을 마무리하고 내가 1년 간 무엇을 이뤄냈는지 곰곰이 생각했습니다.... 아무것도 남은 게 없었습니다. 보안이라는 분야에 처음 뛰어들고 맞이하게 된 추상적인 커리큘럼들.. 일반적인 컴공 공부와 달리 뭘 먼저, 어디까지 배워야 할지 막막하더라고요. 저는 당시 실무에서 웹해킹이 가장 실용적이라는 이야기를 듣고 웹 기초 지식을 쌓기 시작합니다. HTML, CSS, JS, 그리고 PHP와 MySQL까지. 유튜브에 공개된 강의를 보면서 각 파트를 .. 2026. 2. 10.
[6주 차] MCP 연동 『혼자 공부하는 바이브 코딩 with 클로드 코드』 개요벌써 이번 챌린지의 마지막이 다가왔습니다.회고 글을 별도로 작성할 예정이니 이번 글에선 과제에만 집중하겠습니다.이번 글에선 5주 차처럼 API를 연동해 감정 분석 다이어리를 만들고,나아가 MCP와 데이터 베이스를 연동해 쇼핑 리스트앱을 만들어 보았습니다.감정 분석 다이어리감정 분석 다이어리란? 간단하게 일기를 작성하면 AI가 나의 감정을 분석하여 결과로 보여줍니다.이번 프로젝트에서 사용할 AI 모델입니다. 업스테이지의 솔라 프로 3강의에선 딥시크 3.1로 진행했는데 현재는 3.2만 공개되어 있으며, 미세하게 요금을 청구하더라고요!항상 API를 똑같이 제공하는 건 아니니 공개된 AI들 중에서 새로 교체해 보았습니다.UI는 이런 식으로 만들어졌고, 이 상태로 마음 나누기 버튼을 눌러보았는데.404 HTT.. 2026. 2. 10.
[5주 차] API 활용하기 『혼자 공부하는 바이브 코딩 with 클로드 코드』 개요이번 주엔 OpenRouter 사이트의 API를 이용해 이미지 인식을 활용한 레시피 추천 웹 페이지를 제작해 보았습니다.🧊 냉장고를 부탁해 앱 만들기API 준비냉부앱? 냉장고 이미지를 넣었을 때, 재료를 파악하여 레시피를 제공하는 시스템을 구성할 겁니다.여기서 이미지 인식용 AI와 결과에 활용할 텍스트 기반 AI의 API를 가져와줄 건데요.교재와 똑같이 Gemma와 GPT API를 선택해 줬습니다.영상에선 일련의 이유로 GPT를 활용하지 못했지만 저는 정상 작동해서 그대로 진행했습니다.이번 강의에선 PRD를 오로지 CLI 화면에서 단계를 나누어 진행했는데요.1. 이미지 인식 → 2. 레시피 생성 → 3. 레시피 저장위 3단계를 각각 PRD_step1, 2, 3.md로 생성해 따라갔습니다.Step 1.. 2026. 2. 7.
[4주 차] 자동화 시작 『혼자 공부하는 바이브 코딩 with 클로드 코드』 개요이번 주엔 여러 가지 명령어를 이용해서 더 간단하게 툴을 사용하는 방법을 배웠습니다.명령어엔 기본적으로 제공되는 명령어뿐만 아니라 사용자가 직접 생성해서 사용할 수 있는 커스텀 명령어도 존재하죠.이를 복합/통합적으로 사용한다면 정말 시간이 오래 걸릴 작업을 빠른 시간 내에 해결할 수 있을 것 같습니다.기본 미션 1 : 📝할 일 관리앱 캡처하기무슨 언어를 배우든 항상 만들던 투 두 리스트...이젠 말 한마디면 뚝딱 만들어 냅니다.이번 회차에선 PRD는 따로 외부에서 완성하고, 해당 PRD 내용을 이용해 클로드에서 실행하는 방법을 배웠습니다.마치 기획부/기술부처럼 독립된 부서에서 자신이 맡은 역할을 수행하는 모습이 연상됐어요.이제 이런 말하는 것도 의미없지만 진짜 너무 잘 만드네요.. 😭😭😭기본 .. 2026. 1. 30.
[3주 차] 손글씨 인식 프로그램 『혼자 공부하는 바이브 코딩 with 클로드 코드』 개요이번 주부턴 클로드를 웹이 아닌 CMD창에서 이용합니다. npm install -g @anthropic-ai/claude-codeGIT이랑 NodeJS가 필요한 거 같은데, 저는 이미 깔려있어서 위 명령어만 있으면 됐어요.이번 주 차는 문제 풀이 없이 오로지 '손글씨 인식'에만 집중합니다. (숫자 한정)따라서 손글씨 인식 프로그램을 만들어 본 후, 웹 형식으로 확장해 보겠습니다.🤖 딥러닝을 해 보자MNIST 데이터셋 소개개인적으로 보안을 시작하기 전에 인공지능을 배웠는데요.그중 딥러닝을 처음 배울 때 이 MNIST 데이터를 주로 접했습니다.이 MNIST 데이터셋은 손글씨로 이루어진 글자 이미지를 모아놓은 집합이에요.딥러닝은 레이블 없이 이 이미지들을 군집화합니다.군집화는 대충 비슷하게 생긴 것들끼리.. 2026. 1. 21.
[2주 차] 바이브 코딩 시작하기 『혼자 공부하는 바이브 코딩 with 클로드 코드』 여는 말안녕하세요. 한 주 동안 클로드 AI를 더 다양하게 다뤄 보고,다른 분들의 포스팅 방식을 보면서 '글을 이렇게 쓰면 좋겠구나~'하는 걸 많이 배웠습니다.한 주가 지났으니 다시 한번 배운 내용을 간단히 보겠습니다.복습하기✅ 바이브 코딩? AI와 대화하며 프로그램 개발.✅ 아티팩트? 클로드가 결과물을 생성하고 미리 보기를 제공하는 작업 공간.✅ 프롬프트? AI에게 전달하는 요청. 명확성, 구체성, 맥락 제공.✅ 5W1H? Why, Who, What, When, Where, How 체계적 사고의 틀.✅ PRD? 제품 기획서, 바이브 코딩의 효과적인 프롬프트.✅ 4단계 전략 : 뼈대 → 기능 → 디자인 → 점검.강의를 보며 제가 정리한 핵심 키워드들인데요.바이브 코딩에서의 핵심은 결국 '프롬프트를 얼마나.. 2026. 1. 14.