<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>sweety_jh223.log</title>
        <link>https://velog.io/</link>
        <description>풀스택 개발자 | 파이썬 • 자바스크립트 • 웹 스크래핑</description>
        <lastBuildDate>Sun, 07 Jun 2026 17:19:54 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <image>
            <title>sweety_jh223.log</title>
            <url>https://velog.velcdn.com/images/sweety_jh223/profile/2ceff2d5-faf1-4f74-8d86-14a1475a668e/image.jpg</url>
            <link>https://velog.io/</link>
        </image>
        <copyright>Copyright (C) 2019. sweety_jh223.log. All rights reserved.</copyright>
        <atom:link href="https://v2.velog.io/rss/sweety_jh223" rel="self" type="application/rss+xml"/>
        <item>
            <title><![CDATA[InterviewLense]]></title>
            <link>https://velog.io/@sweety_jh223/InterviewLense-8az2ajuq</link>
            <guid>https://velog.io/@sweety_jh223/InterviewLense-8az2ajuq</guid>
            <pubDate>Sun, 07 Jun 2026 17:19:54 GMT</pubDate>
            <description><![CDATA[<h1 id="내가-만든-ai가-목표-기업의-면접-방식을-조사하고--직접-시뮬레이션합니다-🚀">내가 만든 AI가 목표 기업의 면접 방식을 조사하고 — 직접 시뮬레이션합니다 🚀</h1>
<p>🔗 라이브: <a href="https://interview-lense.vercel.app">https://interview-lense.vercel.app</a>
📦 GitHub: <a href="https://github.com/sweety-HJH223/InterviewLense">https://github.com/sweety-HJH223/InterviewLense</a></p>
<hr>
<h2 id="문제점">문제점</h2>
<p>대부분의 면접 준비 도구는 지원하는 회사와 상관없이 똑같은 질문을 제공합니다. *&quot;자기소개를 해보세요.&quot; &quot;본인의 단점은 무엇인가요?&quot;*</p>
<p>구글에 지원하든 10명짜리 스타트업에 지원하든 — 항상 같은 리스트입니다. 대부분의 시뮬레이터는 &quot;획일적&quot;입니다. 나만의 커리어 히스토리를 무시하고, 실제 대형 테크 기업 면접을 통과하는 데 필요한 실질적인 피드백을 제공하지 못합니다.</p>
<p><strong>하지만 기업마다 면접 방식은 완전히 다릅니다:</strong></p>
<ul>
<li>구글은 완벽한 답보다 사고 과정을 봅니다.</li>
<li>아마존은 모든 것을 16가지 리더십 원칙으로 평가합니다.</li>
<li>카카오/네이버는 한국 시장 규모에 맞는 프로덕트 사고를 기대합니다.</li>
<li>토스는 실행 속도를 중요시합니다.</li>
</ul>
<p>저는 이걸 실제로 아는 도구를 원했습니다. 그래서 <strong>InterviewLens</strong>를 만들었습니다.</p>
<hr>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/eec73cf7-2007-4f19-a93a-9703b79c36b2/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/1580c9be-ebff-4c85-b163-5457d8dca8d7/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/b8143f25-c79c-4834-8950-3186d28b5666/image.png" alt=""></p>
<h2 id="솔루션">솔루션</h2>
<p>InterviewLens는 AI 기반 면접 시뮬레이션 엔진으로:</p>
<ol>
<li>기업명과 직군을 입력합니다.</li>
<li>AI가 해당 기업의 채용 문화를 실시간으로 조사합니다.</li>
<li><strong>NEW — 이력서 정렬:</strong> PDF를 업로드하거나 이력서를 붙여넣으면, AI가 내 경험과 기업 요구사항 사이의 구체적인 갭을 파악합니다.</li>
<li>해당 기업의 실제 스타일로 면접을 시뮬레이션합니다.</li>
<li>기업의 특정 기준에 따라 답변을 평가합니다.</li>
<li>세션 전반에 걸쳐 나의 성장을 장기적으로 <strong>&quot;기억&quot;</strong> 합니다.</li>
</ol>
<hr>
<h2 id="3-에이전트-ai-아키텍처">3-에이전트 AI 아키텍처</h2>
<p>InterviewLens의 핵심은 Google Gemini로 구축된 3-에이전트 오케스트레이션 파이프라인입니다.</p>
<h3 id="에이전트-a--리서처">에이전트 A — 리서처</h3>
<p>에이전트 A는 채용 포커스, 면접 라운드 구조, 기업 문화 가치를 스캔합니다.</p>
<blockquote>
<p><strong>&quot;컨텍스트 엔진&quot;:</strong> 단순히 기업을 조사하는 것에 그치지 않습니다 — 이력서/PDF 데이터를 받아 내 배경과 기업 요구사항 사이의 갭 분석을 수행하여, 처음부터 개인화된 리서치를 제공합니다.</p>
</blockquote>
<h3 id="에이전트-b--인터뷰어">에이전트 B — 인터뷰어</h3>
<p>에이전트 B는 에이전트 A의 정보를 받아 해당 기업의 실제 면접관이 됩니다.</p>
<blockquote>
<p><strong>맥락 기반 질문:</strong> 이력서 컨텍스트를 받기 때문에 일반적인 질문을 하지 않습니다. 대신 이렇게 묻습니다: *&quot;이력서에서 [X] 프로젝트를 진행하셨는데, [기업]이 처리하는 트래픽 규모로 확장한다면 어떻게 하시겠어요?&quot;*</p>
</blockquote>
<h3 id="에이전트-c--평가자">에이전트 C — 평가자</h3>
<p>면접이 끝나면 에이전트 C가 &quot;채용 위원회&quot; 역할을 합니다.</p>
<blockquote>
<p><strong>엄격한 채점:</strong> 템플릿 형식의 일반적인 답변에는 감점을 주고, 자신의 구체적인 배경을 효과적으로 활용한 지원자에게 높은 점수를 부여합니다.</p>
</blockquote>
<hr>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/595718f1-719f-4e9a-a388-c5496ccb930e/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/6cfd4458-a953-43da-b2db-bb32854b1826/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/806149a6-7b2d-4e7a-9646-f1cf54504656/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/f5a1e1f3-5744-4afc-a6e6-9c0ed0e74a81/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/39baa0b8-d0c7-44e7-a019-52c92082c64b/image.png" alt=""></p>
<h2 id="기술적-도전과-해결-방법">기술적 도전과 해결 방법</h2>
<h3 id="1-성능-병목-현상">1. 성능 병목 현상</h3>
<p>처음에는 AI를 통한 기업 조사에 10초 이상이 걸려 &quot;Request Timed Out&quot; 오류가 자주 발생했습니다.</p>
<p><strong>해결책:</strong> Firebase Firestore를 활용한 Redis 방식의 캐싱 레이어를 구현했습니다. 한 번 조사된 기업/직군은 이후 검색 시 거의 즉시 결과를 반환합니다 — 지연 시간과 API 할당량 소진 문제를 모두 해결했습니다.</p>
<h3 id="2-비정형-pdf-데이터-처리">2. 비정형 PDF 데이터 처리</h3>
<p>사용자에게 이력서 맞춤형 질문을 제공하려면 PDF 파싱이 필요한데, 이는 매우 복잡합니다.</p>
<p><strong>해결책:</strong> Gemini 1.5 Flash의 멀티모달 기능을 활용해 PDF 이력서를 직접 파싱하고, 면접 에이전트가 맥락 인식 후속 질문에 사용할 수 있는 구조화된 데이터를 추출했습니다 — 외부 PDF 라이브러리 없이 구현했습니다.</p>
<h3 id="3-에이전트-복잡성-관리">3. 에이전트 복잡성 관리</h3>
<p>세 개의 AI 에이전트(리서처, 인터뷰어, 평가자)를 조율하는 과정에서 프롬프트 인젝션과 상태 관리 문제가 발생했습니다.</p>
<p><strong>해결책:</strong> JSON 전용 출력 스키마를 강제하는 엄격한 오케스트레이션 레이어를 구축했습니다. 모델이 사전 정의된 JSON 구조를 따르도록 강제함으로써 파싱 실패를 없애고 세 에이전트 간의 원활한 상태 공유를 가능하게 했습니다.</p>
<hr>
<h2 id="google-기술-스택">Google 기술 스택</h2>
<table>
<thead>
<tr>
<th>도구</th>
<th>용도</th>
</tr>
</thead>
<tbody><tr>
<td>🤖 Google Gemini 1.5 Flash</td>
<td>세 에이전트 모두 구동 — 리서치, 면접 시뮬레이션, 평가</td>
</tr>
<tr>
<td>🔥 Firebase Firestore</td>
<td>세션 저장, 장기 지원자 메모리, 리서치 캐시</td>
</tr>
<tr>
<td>☁️ Vercel / Next.js</td>
<td>시뮬레이션 인터페이스의 고성능 실시간 배포</td>
</tr>
</tbody></table>
<hr>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/eac0a076-afd2-4be8-ae72-c8050ba83933/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/362cd7c0-c9b0-401f-b7a8-ced80203ba35/image.png" alt=""></p>
<h2 id="배운-점">배운 점</h2>
<p>멀티 에이전트 시스템은 단일 프롬프트 방식보다 훨씬 강력합니다. 리서치, 인터뷰, 평가를 분리함으로써 각 에이전트가 명확한 역할에 집중할 수 있습니다.</p>
<p>가장 어려웠던 부분은 <strong>이력서 정렬</strong>이었습니다. 단순히 &quot;이력서를 전달&quot;하는 것만으로는 부족했습니다 — AI가 지원자의 과거 경험을 기업의 미래 요구사항과 비교하도록 프롬프트를 정교하게 설계해야 했습니다. 이 연결고리가 일반 챗봇을 실제 코칭 도구로 변환시키는 핵심입니다.</p>
<hr>
<h2 id="직접-사용해보세요">직접 사용해보세요</h2>
<p>🔗 라이브: <a href="https://interview-lense.vercel.app">https://interview-lense.vercel.app</a>
📦 GitHub: <a href="https://github.com/sweety-HJH223/InterviewLense">https://github.com/sweety-HJH223/InterviewLense</a></p>
<hr>
<p>#AI #면접 #취업준비 #개발 #구글 #NextJS
<em>Google Gen AI Academy APAC 2026 — Meet the Builders Campaign 출품작</em>
<em>SweetyCodes — AI 풀스택 개발자</em></p>
]]></description>
        </item>
        <item>
            <title><![CDATA[InterviewLense]]></title>
            <link>https://velog.io/@sweety_jh223/InterviewLense</link>
            <guid>https://velog.io/@sweety_jh223/InterviewLense</guid>
            <pubDate>Sun, 07 Jun 2026 17:14:54 GMT</pubDate>
            <description><![CDATA[<h1 id="i-built-an-ai-that-researches-how-your-target-company-interviews--then-simulates-it">I Built an AI That Researches How Your Target Company Interviews — Then Simulates It</h1>
<p>🔗 Live: <a href="https://interview-lense.vercel.app">https://interview-lense.vercel.app</a>
📦 GitHub: <a href="https://github.com/sweety-HJH223/InterviewLense">https://github.com/sweety-HJH223/InterviewLense</a></p>
<hr>
<h2 id="the-problem">The Problem</h2>
<p>Most interview prep tools give you the same generic questions regardless of where you&#39;re applying. *&quot;Tell me about yourself.&quot; &quot;What&#39;s your greatest weakness?&quot;*</p>
<p>It doesn&#39;t matter if you&#39;re interviewing at Google or a 10-person startup — you get the same list. Most simulators are &quot;one-size-fits-all&quot;: they ignore your unique career history and fail to provide the real-world feedback needed to actually pass a high-stakes interview at a top-tier tech firm.</p>
<p><strong>But interviews are NOT the same across companies:</strong></p>
<ul>
<li>Google wants reasoning processes over perfect answers.</li>
<li>Amazon scores everything against 16 Leadership Principles.</li>
<li>Kakao/Naver expect specific Korean-market-scale product thinking.</li>
<li>Toss focuses on speed of execution.</li>
</ul>
<p>I wanted a tool that actually knows this. So I built <strong>InterviewLens</strong>.</p>
<hr>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/399c2dcf-b970-4541-8975-2ea3127059fd/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/0602a1b3-76af-4d40-ba0f-5edcfdf0c3fc/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/9ad3d1c7-0d6e-4552-b18b-89ada7509a16/image.png" alt=""></p>
<h2 id="the-solution">The Solution</h2>
<p>InterviewLens is an AI-powered simulation engine that:</p>
<ol>
<li>Takes any company name and role.</li>
<li>Researches that specific company&#39;s hiring culture in real-time.</li>
<li><strong>NEW — Resume Alignment:</strong> Upload your PDF or paste your resume, and the AI identifies the specific gaps between your experience and the company&#39;s requirements.</li>
<li>Simulates the interview in that company&#39;s actual style.</li>
<li>Evaluates your answers against the company&#39;s specific criteria.</li>
<li>Maintains a long-term <strong>&quot;memory&quot;</strong> of your growth across sessions.</li>
</ol>
<hr>
<h2 id="the-3-agent-ai-architecture">The 3-Agent AI Architecture</h2>
<p>The heart of InterviewLens is a 3-agent orchestration pipeline built with Google Gemini.</p>
<h3 id="agent-a--the-researcher">Agent A — The Researcher</h3>
<p>Agent A scans for hiring focus, round structure, and cultural values.</p>
<blockquote>
<p><strong>The &quot;Context Engine&quot;:</strong> It doesn&#39;t just research the company — it accepts your resume/PDF data and performs a gap analysis between your background and the company&#39;s requirements, making the research personalized from the start.</p>
</blockquote>
<h3 id="agent-b--the-interviewer">Agent B — The Interviewer</h3>
<p>Agent B receives the intelligence from Agent A and becomes that company&#39;s actual interviewer.</p>
<blockquote>
<p><strong>Contextual Interaction:</strong> Because it receives your resume context, Agent B doesn&#39;t ask generic questions. It asks: *&quot;You worked on [X] project in your resume — how would you scale that for the traffic [Company] handles?&quot;*</p>
</blockquote>
<h3 id="agent-c--the-evaluator">Agent C — The Evaluator</h3>
<p>After you finish, Agent C acts as a &quot;Hiring Committee.&quot;</p>
<blockquote>
<p><strong>Strict Scoring:</strong> It penalizes generic &quot;template&quot; answers and rewards candidates who leverage their specific background effectively.</p>
</blockquote>
<hr>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/475973d8-c27e-4063-bde6-f74235f93581/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/5c7da8fd-baa7-4b6b-a3bb-63eb18a26afb/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/d9f55ea5-32cc-41f6-bc04-9e0f57bc08d3/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/2d97c68f-53cc-4033-bd10-4f7259d2300e/image.png" alt=""></p>
<h2 id="technical-challenges--my-solutions">Technical Challenges &amp; My Solutions</h2>
<h3 id="1-the-performance-bottleneck">1. The performance bottleneck</h3>
<p>Initially, researching companies via AI took 10+ seconds, often leading to &quot;Request Timed Out&quot; errors.</p>
<p><strong>My solution:</strong> I implemented a Redis-like caching layer using Firebase Firestore. Once a company/role is researched once, subsequent searches are near-instant — solving both latency and quota exhaustion effectively.</p>
<h3 id="2-handling-unstructured-pdf-data">2. Handling unstructured PDF data</h3>
<p>Users need resume-tailored questions, but parsing PDFs is messy.</p>
<p><strong>My solution:</strong> I leveraged Gemini 1.5 Flash&#39;s multi-modal capability to directly parse PDF resumes, extracting structured data that the interview agent uses for context-aware follow-up questions — no external PDF libraries needed.</p>
<h3 id="3-agentic-complexity">3. Agentic complexity</h3>
<p>Coordinating three distinct AI agents (Researcher, Interviewer, Evaluator) led to prompt injection and state management issues.</p>
<p><strong>My solution:</strong> I built a strict orchestration layer that forces a JSON-only output schema. By forcing the models to adhere to a predefined JSON structure, I eliminated parsing failures and enabled smooth state sharing between all three agents.</p>
<hr>
<h2 id="google-tech-stack">Google Tech Stack</h2>
<table>
<thead>
<tr>
<th>Tool</th>
<th>Purpose</th>
</tr>
</thead>
<tbody><tr>
<td>🤖 Google Gemini 1.5 Flash</td>
<td>Powers all three agents — research, interview simulation, and evaluation</td>
</tr>
<tr>
<td>🔥 Firebase Firestore</td>
<td>Session storage, long-term candidate memory, and research cache</td>
</tr>
<tr>
<td>☁️ Vercel / Next.js</td>
<td>High-performance, real-time deployment of the simulation interface</td>
</tr>
</tbody></table>
<hr>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/177dd37c-1f9d-4ff1-bd86-baf87767f741/image.png" alt="">
<img src="https://velog.velcdn.com/images/sweety_jh223/post/aa18cdbb-b1ff-42ed-9d9f-5b11441f9bde/image.png" alt=""></p>
<h2 id="what-i-learned">What I Learned</h2>
<p>Multi-agent systems are more powerful than single-prompt approaches. By separating Research, Interviewing, and Evaluation, each agent maintains a clear focus.</p>
<p>The most challenging part was <strong>Resume Alignment</strong>. Simply &quot;sending the resume&quot; wasn&#39;t enough — I had to engineer the prompts to force the AI to compare the candidate&#39;s past with the company&#39;s future needs. This bridge is what transforms a standard chatbot into an actual coaching tool.</p>
<hr>
<h2 id="try-it">Try It</h2>
<p>🔗 Live: <a href="https://interview-lense.vercel.app">https://interview-lense.vercel.app</a>
📦 GitHub: <a href="https://github.com/sweety-HJH223/InterviewLense">https://github.com/sweety-HJH223/InterviewLense</a></p>
<hr>
<p><em>Built for Google Gen AI Academy APAC 2026 — Meet the Builders Campaign.</em>
<em>SweetyCodes — AI &amp; Full Stack Developer
Subhashree Behera |  India</em></p>
]]></description>
        </item>
        <item>
            <title><![CDATA[Vibe Coding — The New Way Developers Build Software with AI in 2026🤖]]></title>
            <link>https://velog.io/@sweety_jh223/Vibe-Coding-The-New-Way-Developers-Build-Software-with-AI-in-2026</link>
            <guid>https://velog.io/@sweety_jh223/Vibe-Coding-The-New-Way-Developers-Build-Software-with-AI-in-2026</guid>
            <pubDate>Thu, 28 May 2026 10:34:09 GMT</pubDate>
            <description><![CDATA[<p>Korean version of this post (한국어 버전은 여기서 확인하세요): <a href="https://velog.io/@sweety_jh223/%EB%B0%94%EC%9D%B4%EB%B8%8C-%EC%BD%94%EB%94%A9-2026%EB%85%84-AI%EB%A1%9C-%EA%B0%9C%EB%B0%9C%ED%95%98%EB%8A%94-%EC%83%88%EB%A1%9C%EC%9A%B4-%EB%B0%A9%EB%B2%95-1c1j75q4">한국어로 읽기</a></p>
<blockquote>
<p>*&quot;You don&#39;t write code anymore. You describe what you want, and AI writes it. You review, refine, and ship.&quot;*
— The Vibe Coding Philosophy</p>
</blockquote>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/c0f88d5e-6499-4ff7-a53a-e10d637fe3f2/image.png" alt=""></p>
<hr>
<h2 id="🤔-what-is-vibe-coding">🤔 What is Vibe Coding?</h2>
<p>Vibe Coding is a new development methodology where you use AI tools to rapidly prototype, build, and iterate on software by describing what you want in plain English — instead of writing every line of code manually.</p>
<p>The term was coined in early 2025 and has taken the developer community by storm. It&#39;s not about replacing developers — it&#39;s about making developers 10x faster.</p>
<p>Think of it like this:</p>
<p><strong>Traditional Coding:</strong></p>
<pre><code>Developer thinks → Developer writes code → 
Developer debugs → Developer ships
(Hours to days)</code></pre><p><strong>Vibe Coding:</strong></p>
<pre><code>Developer describes → AI writes code → 
Developer reviews → Developer refines → Ships
(Minutes to hours)</code></pre><hr>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/0e18c1eb-9c19-48eb-974d-3e50c3cf6759/image.png" alt=""></p>
<h2 id="🛠️-tools-used-in-vibe-coding">🛠️ Tools Used in Vibe Coding</h2>
<p>There are several AI tools that power the Vibe Coding workflow. Here are the most popular ones in 2026:</p>
<h3 id="1-cursor--the-ai-code-editor">1. Cursor — The AI Code Editor</h3>
<p>Cursor is a VS Code fork with AI built into every part of the editor. You can describe changes in plain English and it edits multiple files at once. It&#39;s the most popular Vibe Coding tool right now.</p>
<h3 id="2-claude-ai--the-thinking-partner">2. Claude AI — The Thinking Partner</h3>
<p>Claude (by Anthropic) is great for architecture decisions, code reviews, and explaining complex concepts. Many Vibe Coders use Claude for planning before switching to Cursor for building.</p>
<h3 id="3-github-copilot--the-autocomplete-king">3. GitHub Copilot — The Autocomplete King</h3>
<p>GitHub Copilot suggests entire functions and code blocks as you type. It&#39;s deeply integrated into VS Code and is great for repetitive code patterns.</p>
<h3 id="4-gemini-cli--the-free-powerhouse">4. Gemini CLI — The Free Powerhouse</h3>
<p>Google&#39;s Gemini CLI brings AI directly into your terminal. With 1000 free requests per day, it&#39;s perfect for budget-conscious developers who want full agentic coding capabilities.</p>
<h3 id="5-v0dev--the-ui-generator">5. V0.dev — The UI Generator</h3>
<p>V0.dev by Vercel generates entire React UI components from a text description. Describe a dashboard, and it builds it. Perfect for frontend prototyping.</p>
<hr>
<h2 id="⚡-how-vibe-coding-actually-works">⚡ How Vibe Coding Actually Works</h2>
<p>Here&#39;s the real workflow that most Vibe Coders use:</p>
<h3 id="step-1--plan-with-claude-or-chatgpt">Step 1 — Plan (with Claude or ChatGPT)</h3>
<p>Before writing a single line, describe your project to an AI and ask it to:</p>
<ul>
<li>Break it into components</li>
<li>Suggest the tech stack</li>
<li>Identify potential problems</li>
</ul>
<h3 id="step-2--scaffold-with-cursor-or-v0dev">Step 2 — Scaffold (with Cursor or V0.dev)</h3>
<p>Use AI to generate the initial structure:</p>
<ul>
<li>Project files and folders</li>
<li>Basic components</li>
<li>Database schemas</li>
</ul>
<h3 id="step-3--build-feature-by-feature">Step 3 — Build Feature by Feature</h3>
<p>For each feature:</p>
<ol>
<li>Describe what you want in plain English</li>
<li>AI generates the code</li>
<li>You read and understand it</li>
<li>Test it</li>
<li>Fix issues (with AI help)</li>
<li>Move to next feature</li>
</ol>
<h3 id="step-4--review-and-refine">Step 4 — Review and Refine</h3>
<p>Always review AI-generated code:</p>
<ul>
<li>Does it make sense?</li>
<li>Are there security issues?</li>
<li>Is it efficient?</li>
</ul>
<h3 id="step-5--ship">Step 5 — Ship</h3>
<p>Deploy with confidence because you understood every line!</p>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/9120de96-7d80-40a1-937c-bac558fbf5b3/image.png" alt=""></p>
<hr>
<h2 id="✅-pros-of-vibe-coding">✅ Pros of Vibe Coding</h2>
<p><strong>1. Build Faster</strong>
Projects that used to take weeks now take days. Perfect for hackathons!</p>
<p><strong>2. Learn by Seeing</strong>
AI generates code you might not know how to write — you can study it and learn new patterns.</p>
<p><strong>3. Prototype Quickly</strong>
Test ideas fast without spending days on implementation. If the idea doesn&#39;t work, you haven&#39;t wasted much time.</p>
<p><strong>4. Overcome Blocks</strong>
Stuck on a problem? Describe it to AI and get unstuck immediately.</p>
<p><strong>5. Better Code Quality</strong>
AI often suggests best practices and patterns you might not know about.</p>
<hr>
<h2 id="❌-cons--the-honest-truth">❌ Cons — The Honest Truth</h2>
<p><strong>1. AI Makes Mistakes</strong>
AI-generated code is NOT always correct. It can have bugs, security issues, and logical errors. Always review!</p>
<p><strong>2. You Still Need to Understand Code</strong>
If you can&#39;t read and understand the AI-generated code, you can&#39;t fix it when it breaks. And it WILL break.</p>
<p><strong>3. Over-reliance is Dangerous</strong>
Some developers stop learning because AI does everything. This is a career killer. Keep learning fundamentals!</p>
<p><strong>4. Context Limits</strong>
AI tools have limits on how much code they can see at once. For large projects, you need to manage context carefully.</p>
<p><strong>5. Cost</strong>
Good AI tools like Cursor Pro cost $20/month. Budget-conscious developers need to plan for this.</p>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/6b19a4ba-ea32-4727-a102-983ec21eec3d/image.jpg" alt=""></p>
<hr>
<h2 id="🤔-is-vibe-coding-cheating">🤔 Is Vibe Coding Cheating?</h2>
<p>This is the most controversial question in the developer community right now.</p>
<p><strong>My honest opinion: NO, it&#39;s not cheating.</strong></p>
<p>Here&#39;s why:</p>
<ul>
<li>Developers have always used tools — Stack Overflow, documentation, libraries</li>
<li>The goal is to ship working software, not to memorize syntax</li>
<li>A carpenter who uses an electric drill isn&#39;t &quot;cheating&quot; compared to one using a hand drill</li>
<li>What matters is the result and your understanding of it</li>
</ul>
<p><strong>BUT</strong> — and this is important — <strong>you still need to know how to code.</strong></p>
<p>Vibe Coding without coding knowledge is like trying to edit a video without knowing what good editing looks like. You won&#39;t know when the AI is wrong.</p>
<hr>
<h2 id="💡-tips-for-beginners">💡 Tips for Beginners</h2>
<p><strong>1. Learn basics first</strong>
Don&#39;t start Vibe Coding without understanding HTML, CSS, JavaScript, and at least one backend language. The fundamentals matter.</p>
<p><strong>2. Start small</strong>
Don&#39;t try to build a complex app first. Start with a simple component or feature.</p>
<p><strong>3. Always read AI code</strong>
Never copy-paste without reading. Understand what the code does before running it.</p>
<p><strong>4. Be specific in prompts</strong>
Vague prompts get vague code. The more specific you are, the better the output.</p>
<p>❌ Bad: *&quot;Make a button&quot;*
✅ Good: *&quot;Make a cyan rounded button with a hover glow effect that opens a modal when clicked&quot;*</p>
<p><strong>5. Iterate, don&#39;t regenerate</strong>
Instead of regenerating from scratch when something is wrong, describe specifically what needs to change.</p>
<p><strong>6. Use multiple tools</strong>
Different tools are good at different things. Use Claude for planning, Cursor for coding, V0.dev for UI.</p>
<hr>
<h2 id="🚀-my-vibe-coding-stack-in-2026">🚀 My Vibe Coding Stack in 2026</h2>
<p>Here&#39;s what I personally use:</p>
<table>
<thead>
<tr>
<th>Task</th>
<th>Tool</th>
</tr>
</thead>
<tbody><tr>
<td>Planning &amp; Architecture</td>
<td>Claude AI</td>
</tr>
<tr>
<td>Main coding</td>
<td>Cursor</td>
</tr>
<tr>
<td>UI Components</td>
<td>V0.dev</td>
</tr>
<tr>
<td>Terminal tasks</td>
<td>Gemini CLI</td>
</tr>
<tr>
<td>Code review</td>
<td>GitHub Copilot</td>
</tr>
<tr>
<td>Quick questions</td>
<td>Claude AI</td>
</tr>
</tbody></table>
<h2 id=""><img src="https://velog.velcdn.com/images/sweety_jh223/post/63050f6f-b59d-478b-898f-e39115bf1725/image.png" alt=""></h2>
<h2 id="🔮-the-future-of-coding">🔮 The Future of Coding</h2>
<p>Vibe Coding is not a trend — it&#39;s the future of software development.</p>
<p>In 5 years, every developer will use AI tools the same way every developer uses Git today. It won&#39;t be optional — it will be the standard.</p>
<p>The developers who thrive will be the ones who:</p>
<ul>
<li>Understand fundamentals deeply</li>
<li>Know how to work WITH AI</li>
<li>Can review and improve AI-generated code</li>
<li>Focus on creativity and problem-solving</li>
</ul>
<p>The developers who struggle will be the ones who:</p>
<ul>
<li>Refuse to adapt</li>
<li>OR rely completely on AI without understanding</li>
</ul>
<p><strong>The sweet spot is in the middle — use AI as a powerful tool, not a crutch.</strong></p>
<hr>
<h2 id="🎯-conclusion">🎯 Conclusion</h2>
<p>Vibe Coding has genuinely changed how I build software. I ship faster, learn more by seeing AI patterns, and spend more time on creative problem-solving instead of repetitive syntax.</p>
<p>Is it perfect? No. Does it have drawbacks? Absolutely. But as a developer in 2026, ignoring AI tools is like ignoring the internet in 2000.</p>
<p>Start small. Learn the fundamentals. Use AI as your co-pilot. Ship great software.</p>
<p><strong>That&#39;s the Vibe Coding way.</strong> ⚡</p>
<hr>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/4ead8d40-afd8-4bbe-8f2d-fe16c4d48f25/image.png" alt=""></p>
<p><em>Written by SweetyCodes — Full-Stack Developer &amp; AI Engineer</em></p>
]]></description>
        </item>
        <item>
            <title><![CDATA[바이브 코딩 — 2026년 AI로 개발하는 새로운 방법🤖]]></title>
            <link>https://velog.io/@sweety_jh223/%EB%B0%94%EC%9D%B4%EB%B8%8C-%EC%BD%94%EB%94%A9-2026%EB%85%84-AI%EB%A1%9C-%EA%B0%9C%EB%B0%9C%ED%95%98%EB%8A%94-%EC%83%88%EB%A1%9C%EC%9A%B4-%EB%B0%A9%EB%B2%95-1c1j75q4</link>
            <guid>https://velog.io/@sweety_jh223/%EB%B0%94%EC%9D%B4%EB%B8%8C-%EC%BD%94%EB%94%A9-2026%EB%85%84-AI%EB%A1%9C-%EA%B0%9C%EB%B0%9C%ED%95%98%EB%8A%94-%EC%83%88%EB%A1%9C%EC%9A%B4-%EB%B0%A9%EB%B2%95-1c1j75q4</guid>
            <pubDate>Thu, 28 May 2026 07:16:53 GMT</pubDate>
            <description><![CDATA[<p>English version of this post : <a href="https://velog.io/@sweety_jh223/Vibe-Coding-The-New-Way-Developers-Build-Software-with-AI-in-2026">영어로 읽기</a></p>
<p>안녕하세요! 저는 개발자 SweetyCodes예요 😊
<img src="https://velog.velcdn.com/images/sweety_jh223/post/9dd252a4-69c8-4fea-ab2e-50625d0530e8/image.png" alt=""></p>
<p>저는 한국어를 공부하고 있어요 — 지금은 중급 수준이에요!</p>
<p>이게 제 Velog 첫 번째 포스트예요!
첫 포스트인 만큼 한국어 문법을 완벽하게 쓰고 싶었어요.
그래서 바이브 코딩을 활용해서 제 글의 문법을 다듬었어요 ⚡</p>
<p>그리고 오늘 주제가 바로 바이브 코딩이에요! 😄</p>
<hr>
<blockquote>
<p>*&quot;이제 코드를 직접 쓰는 게 아니에요. 원하는 것을 설명하면 AI가 써줘요. 검토하고, 다듬고, 배포하면 돼요.&quot;*
— 바이브 코딩 철학</p>
</blockquote>
<hr>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/8d6a46d5-4d49-44bd-8007-d3f64f1719dc/image.png" alt=""></p>
<h2 id="🤔-바이브-코딩이란-무엇인가요">🤔 바이브 코딩이란 무엇인가요?</h2>
<p>바이브 코딩(Vibe Coding)은 모든 코드를 직접 작성하는 대신, AI 도구를 사용해서 원하는 것을 자연어로 설명하며 빠르게 소프트웨어를 만드는 새로운 개발 방법론이에요.</p>
<p>이 용어는 2025년 초에 생겨났고 개발자 커뮤니티에서 엄청난 반향을 일으켰어요. 개발자를 대체하는 게 아니라 — <strong>개발자를 10배 더 빠르게 만들어주는 거예요.</strong></p>
<p>이렇게 생각해보세요:</p>
<p><strong>⏰ 전통적인 코딩:</strong></p>
<pre><code>개발자가 생각 → 코드 작성 → 디버깅 → 배포
(몇 시간에서 며칠)</code></pre><p><strong>⚡ 바이브 코딩:</strong></p>
<pre><code>개발자가 설명 → AI가 코드 작성 → 검토 → 수정 → 배포
(몇 분에서 몇 시간)</code></pre><hr>
<h2 id="🛠️-바이브-코딩에-사용되는-도구들">🛠️ 바이브 코딩에 사용되는 도구들</h2>
<p>2026년 현재 바이브 코딩 워크플로우를 지원하는 AI 도구들이에요:</p>
<h3 id="1-⚡-cursor--ai-코드-에디터">1. ⚡ Cursor — AI 코드 에디터</h3>
<p>Cursor는 AI가 에디터 전체에 내장된 VS Code 포크예요. 자연어로 변경 사항을 설명하면 여러 파일을 한 번에 수정해줘요. 지금 가장 인기 있는 바이브 코딩 도구예요.</p>
<h3 id="2-🧠-claude-ai--생각하는-파트너">2. 🧠 Claude AI — 생각하는 파트너</h3>
<p>Claude(Anthropic 개발)는 아키텍처 결정, 코드 리뷰, 복잡한 개념 설명에 탁월해요. 많은 바이브 코더들이 계획할 때 Claude를 사용하고, 실제 개발할 때 Cursor로 전환해요.</p>
<h3 id="3-🐙-github-copilot--자동완성의-왕">3. 🐙 GitHub Copilot — 자동완성의 왕</h3>
<p>GitHub Copilot은 타이핑하는 동안 전체 함수와 코드 블록을 제안해줘요. VS Code에 깊이 통합되어 있고 반복적인 코드 패턴에 탁월해요. <strong>학생은 무료!</strong></p>
<h3 id="4-💎-gemini-cli--무료-강자">4. 💎 Gemini CLI — 무료 강자</h3>
<p>Google의 Gemini CLI는 터미널에서 직접 AI를 사용할 수 있게 해줘요. <strong>하루 1000번 무료 요청</strong>으로 예산이 적은 개발자에게도 완전한 에이전틱 코딩 기능을 제공해요.</p>
<h3 id="5-🎨-v0dev--ui-생성기">5. 🎨 V0.dev — UI 생성기</h3>
<p>Vercel의 V0.dev는 텍스트 설명으로 전체 React UI 컴포넌트를 생성해줘요. 대시보드를 설명하면 바로 만들어줘요. 프론트엔드 프로토타이핑에 완벽해요.</p>
<hr>
<h2 id="⚡-바이브-코딩-실제-워크플로우">⚡ 바이브 코딩 실제 워크플로우</h2>
<p>대부분의 바이브 코더들이 사용하는 실제 워크플로우예요:</p>
<h3 id="1단계--💭-계획-claude-활용">1단계 — 💭 계획 (Claude 활용)</h3>
<p>코드 한 줄 작성 전에 AI에게 프로젝트를 설명하고 요청해요:</p>
<ul>
<li>컴포넌트로 분리하기</li>
<li>기술 스택 추천</li>
<li>잠재적 문제 파악</li>
</ul>
<h3 id="2단계--⚡-스캐폴딩-cursor-또는-v0dev-활용">2단계 — ⚡ 스캐폴딩 (Cursor 또는 V0.dev 활용)</h3>
<p>AI로 초기 구조 생성:</p>
<ul>
<li>프로젝트 파일과 폴더</li>
<li>기본 컴포넌트</li>
<li>데이터베이스 스키마</li>
</ul>
<h3 id="3단계--🔨-기능별-개발">3단계 — 🔨 기능별 개발</h3>
<p>각 기능마다:</p>
<ol>
<li>원하는 것을 자연어로 설명</li>
<li>AI가 코드 생성</li>
<li>코드를 읽고 이해</li>
<li>테스트</li>
<li>문제 수정 (AI 도움으로)</li>
</ol>
<h3 id="4단계--👁️-검토-및-수정">4단계 — 👁️ 검토 및 수정</h3>
<p>AI가 생성한 코드는 항상 검토해요:</p>
<ul>
<li>이해가 되나요?</li>
<li>보안 문제는 없나요?</li>
<li>효율적인가요?</li>
</ul>
<h3 id="5단계--🚀-배포">5단계 — 🚀 배포</h3>
<p>모든 코드를 이해했으니 자신 있게 배포!</p>
<hr>
<h2 id="💡-실제로-얼마나-빠를까요">💡 실제로 얼마나 빠를까요?</h2>
<p>바이브 코딩을 사용하면:</p>
<ul>
<li>기존에 <strong>6시간</strong> 걸리던 작업 → <strong>1시간</strong></li>
<li>기존에 <strong>3일</strong> 걸리던 프로젝트 → <strong>반나절</strong></li>
<li>막혔던 버그 → <strong>몇 분 만에 해결</strong></li>
</ul>
<p>개인적으로 바이브 코딩 덕분에 훨씬 더 많은 프로젝트를 완성할 수 있었어요! 😊</p>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/54b8c749-3526-4243-bc27-c048d2a08755/image.png" alt=""></p>
<hr>
<h2 id="✅-장점-vs-❌-단점">✅ 장점 vs ❌ 단점</h2>
<h3 id="✅-장점">✅ 장점</h3>
<table>
<thead>
<tr>
<th>장점</th>
<th>설명</th>
</tr>
</thead>
<tbody><tr>
<td>⚡ 6배 빠른 개발</td>
<td>몇 주 걸리던 프로젝트가 며칠이면 완성</td>
</tr>
<tr>
<td>📚 보면서 배우기</td>
<td>AI 패턴으로 새로운 코딩 기술 습득</td>
</tr>
<tr>
<td>🧪 빠른 프로토타이핑</td>
<td>아이디어를 빠르게 테스트 가능</td>
</tr>
<tr>
<td>🚧 막힘 즉시 해소</td>
<td>문제에 막혔을 때 AI가 즉시 도움</td>
</tr>
<tr>
<td>🏆 해커톤에 유리</td>
<td>짧은 시간에 더 많은 기능 구현</td>
</tr>
</tbody></table>
<h3 id="❌-단점">❌ 단점</h3>
<table>
<thead>
<tr>
<th>단점</th>
<th>설명</th>
</tr>
</thead>
<tbody><tr>
<td>🐛 AI도 실수함</td>
<td>버그, 보안 문제, 논리 오류 가능</td>
</tr>
<tr>
<td>📖 기초는 필수</td>
<td>이해 못하면 디버깅 불가능</td>
</tr>
<tr>
<td>⚠️ 과도한 의존 위험</td>
<td>배우기를 멈추면 커리어에 치명적</td>
</tr>
<tr>
<td>📏 컨텍스트 한계</td>
<td>대형 프로젝트에서 컨텍스트 관리 필요</td>
</tr>
<tr>
<td>💰 좋은 도구는 유료</td>
<td>Cursor Pro 월 $20 정도</td>
</tr>
</tbody></table>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/e5c40d51-19f3-43af-a6c1-7274392bd9f0/image.jpg" alt=""></p>
<hr>
<h2 id="🤔-바이브-코딩은-반칙인가요">🤔 바이브 코딩은 반칙인가요?</h2>
<p>개발자 커뮤니티에서 가장 논란이 많은 질문이에요.</p>
<p><strong>제 솔직한 의견: 아니요, 반칙이 아니에요.</strong></p>
<p>이유는:</p>
<ul>
<li>개발자들은 항상 도구를 사용했어요 — Stack Overflow, 문서, 라이브러리</li>
<li>목표는 작동하는 소프트웨어를 만드는 것이지, 문법을 외우는 게 아니에요</li>
<li>전동 드릴을 쓰는 목수가 수동 드릴보다 &quot;반칙&quot;하는 게 아니에요</li>
</ul>
<p><strong>하지만</strong> — 코딩을 이해해야 해요.</p>
<p>AI가 틀렸을 때 알 수 없다면 의미가 없어요.</p>
<hr>
<h2 id="💡-초보자를-위한-팁">💡 초보자를 위한 팁</h2>
<p><strong>1. 기초부터 배우세요</strong>
HTML, CSS, JavaScript 기초 없이 바이브 코딩을 시작하지 마세요.</p>
<p><strong>2. 작은 것부터 시작하세요</strong>
복잡한 앱보다 간단한 컴포넌트부터 시작해요.</p>
<p><strong>3. AI 코드는 항상 읽으세요</strong>
읽지 않고 복붙하지 마세요!</p>
<p><strong>4. 프롬프트를 구체적으로 쓰세요</strong></p>
<p>❌ 나쁜 예:</p>
<pre><code>&quot;버튼 만들어줘&quot;</code></pre><p>✅ 좋은 예:</p>
<pre><code>&quot;클릭하면 모달이 열리는 
호버 시 글로우 효과가 있는 
둥근 cyan 버튼 만들어줘&quot;</code></pre><p><strong>5. 여러 도구를 함께 쓰세요</strong>
계획 → Claude, 코딩 → Cursor, UI → V0.dev</p>
<hr>
<h2 id="🚀-2026년-제-바이브-코딩-스택">🚀 2026년 제 바이브 코딩 스택</h2>
<p>제가 실제로 사용하는 도구들이에요:</p>
<table>
<thead>
<tr>
<th>작업</th>
<th>도구</th>
</tr>
</thead>
<tbody><tr>
<td>💭 계획 &amp; 아키텍처</td>
<td>Claude AI</td>
</tr>
<tr>
<td>⚡ 주요 코딩</td>
<td>Cursor</td>
</tr>
<tr>
<td>🎨 UI 컴포넌트</td>
<td>V0.dev</td>
</tr>
<tr>
<td>💻 터미널 작업</td>
<td>Gemini CLI</td>
</tr>
<tr>
<td>👁️ 코드 리뷰</td>
<td>GitHub Copilot</td>
</tr>
<tr>
<td>❓ 빠른 질문</td>
<td>Claude AI</td>
</tr>
</tbody></table>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/041536f4-f471-41cb-9e87-a7e4745411c6/image.jpg" alt=""></p>
<hr>
<h2 id="🔮-코딩의-미래">🔮 코딩의 미래</h2>
<p>바이브 코딩은 트렌드가 아니에요 — <strong>소프트웨어 개발의 미래예요.</strong></p>
<p>5년 후에는 모든 개발자가 오늘날 Git을 쓰는 것처럼 AI 도구를 사용할 거예요.</p>
<p><strong>잘 될 개발자들:</strong></p>
<ul>
<li>✅ 기초를 깊이 이해하는 사람</li>
<li>✅ AI와 함께 일하는 방법을 아는 사람</li>
<li>✅ AI 생성 코드를 검토하고 개선할 수 있는 사람</li>
</ul>
<p><strong>힘들어질 개발자들:</strong></p>
<ul>
<li>❌ 적응을 거부하는 사람</li>
<li>❌ AI에 완전히 의존해서 이해하지 못하는 사람</li>
</ul>
<p><strong>정답은 중간이에요 — AI를 강력한 도구로 사용하되, 의지하지는 마세요.</strong></p>
<hr>
<h2 id="🎯-마치며">🎯 마치며</h2>
<p>바이브 코딩은 제가 소프트웨어를 만드는 방식을 진정으로 바꿨어요.</p>
<p>완벽한가요? 아니요.
단점이 있나요? 물론이죠.</p>
<p>하지만 2026년 개발자로서 AI 도구를 무시하는 건 2000년에 인터넷을 무시하는 것과 같아요.</p>
<p><strong>작게 시작하세요. 기초를 배우세요. AI를 코파일럿으로 사용하세요. 멋진 소프트웨어를 만드세요.</strong></p>
<p><strong>그게 바이브 코딩의 방식이에요.</strong> ⚡</p>
<hr>
<p>읽어주셔서 감사해요! 질문이나 피드백이 있으면 댓글로 남겨주세요 😊</p>
<p>한국어가 틀린 부분이 있으면 알려주세요 — 저도 배우는 중이에요! </p>
<hr>
<p><img src="https://velog.velcdn.com/images/sweety_jh223/post/9e382214-3dcd-4ffa-8c01-2c13d1fb2b30/image.png" alt=""></p>
<p><em>SweetyCodes — Full-Stack Developer &amp; AI Engineer</em></p>
]]></description>
        </item>
    </channel>
</rss>