오늘도 공부

들어가며AI의 발전으로 코딩의 패러다임이 완전히 바뀌고 있습니다. 이제는 복잡한 문법을 외우지 않아도, 자신이 원하는 것을 명확하게 설명만 할 수 있다면 AI가 코드를 작성해줍니다. 이것이 바로 '바이브 코딩(Vibe Coding)'입니다. 마치 주니어 개발자에게 명확한 지시를 내리듯이, AI에게 원하는 것을 설명하면 빠르게 작동하는 코드를 얻을 수 있습니다.바이브 코딩이란 무엇인가?바이브 코딩은 AI를 활용하여 아이디어를 설명하는 것만으로 코드를 작성하는 방식입니다. 복잡한 문법을 암기할 필요 없이, "파란색 배경의 웹페이지를 만들어줘"라고 AI에게 말하면 코드가 생성됩니다.전통적인 코딩 vs 바이브 코딩전통적인 방식: 안녕하세요바이브 코딩 방식:AI에게: "파란색 배경에 '안녕하세요'라는 제목이..

GitHub Copilot이 VSCode에 처음 도입되었을 때만 해도, 많은 개발자들은 단순한 자동완성 기능 정도로 생각했습니다. 30% 정도의 생산성 향상을 기대했지만, 코드 작성 자체가 병목이 아니라는 점을 간과한 순진한 기대였죠.하지만 AI 보조 개발 도구들이 진화하면서, 성공적인 AI 협업을 위한 명확한 패턴들이 드러나기 시작했습니다. 이 글에서는 AI와 함께 고품질 소프트웨어를 만들기 위한 세 가지 핵심 원칙을 소개합니다.세 가지 핵심 원칙성공적인 AI 기반 개발은 다음 세 가지 원칙 위에 세워집니다:테스트 주도 개발(TDD) - AI의 작업을 검증하는 실행 가능한 명세작은 단계로 진행하기 - AI가 잘못된 방향으로 빠지는 것을 방지모듈러 아키텍처 - AI의 작업 범위를 명확하게 제한각 원칙을 ..

들어가며: AI 코딩 에이전트 논쟁현재 개발자 커뮤니티에서는 AI 코딩 에이전트의 실효성에 대한 논쟁이 뜨겁습니다. 한쪽에서는 "AI 코딩은 형편없다"고 주장하고, 다른 한쪽에서는 "당신이 제대로 사용하지 못하는 것일 뿐"이라고 반박합니다.양쪽 입장 모두 일리가 있지만, 개발자들이 가장 자주 범하는 실수는 **컨텍스트 윈도우(Context Window)**에 대한 이해 부족입니다. 컨텍스트 윈도우는 현재 AI 코딩 에이전트가 직면한 가장 큰 제약사항이지만, 대부분의 개발자들은 이것이 무엇인지, 어떻게 성능에 영향을 미치는지 제대로 모르고 있습니다.이 글에서는 AI 코딩 에이전트 사용자가 반드시 알아야 할 컨텍스트 윈도우의 모든 것을 상세히 다루겠습니다.컨텍스트 윈도우란 무엇인가?기본 개념컨텍스트 윈도우는..

Understanding Spec-Driven-Development: Kiro, spec-kit, and TesslNotes from my Thoughtworks colleagues on AI-assisted software deliverymartinfowler.com 🎯 SDD란?Spec-Driven Development: 코드보다 명세(Spec)를 먼저 작성하고, AI가 명세를 기반으로 코드를 생성하는 방법론3단계 접근법Spec-First: 명세를 먼저 작성Spec-Anchored: 명세를 계속 유지·관리Spec-as-Source: 명세만 편집, 코드는 건드리지 않음📊 3가지 도구 비교항목 Kiro Spec-kit (GitHub) Tessl복잡도⭐ 가장 단순⭐⭐⭐ 매우 복잡⭐⭐ 중간접근법Spec-..

CodeDeck - 개발자를 위한 코드 학습 카드 뉴스프로그래밍 언어와 프레임워크를 카드 뉴스 형태로 쉽게 배우는 개발자 학습 플랫폼www.codedeck.kr AI 기반 코딩 도구들이 우후죽순 쏟아지고 있는 요즘, Claude Code는 단순히 코드를 생성하는 것을 넘어서 실제 프로덕션 환경에서 활용 가능한 강력한 기능들을 제공합니다. 이 글에서는 Claude Code의 핵심 기능들을 실전 관점에서 깊이 있게 다루어 보겠습니다.CLAUDE.md: 에이전트의 헌법프로젝트에서 가장 중요한 파일은 바로 루트 디렉토리의 CLAUDE.md입니다. 이 파일은 Claude Code가 여러분의 코드베이스를 이해하는 핵심 문서입니다.효과적인 CLAUDE.md 작성 원칙1. 가드레일부터 시작하기처음부터 완벽한 매뉴얼을 ..

CodeDeck - 개발자를 위한 코드 학습 카드 뉴스프로그래밍 언어와 프레임워크를 카드 뉴스 형태로 쉽게 배우는 개발자 학습 플랫폼www.codedeck.kr Claude Code의 잘 알려지지 않은 hooks 기능을 활용하여 각 턴이 끝날 때마다 자동으로 품질 검사를 실행하고 귀중한 시간을 절약하는 방법을 알아봅니다.핵심 요약Stop hook을 사용하여 각 턴 종료 시점에 결정론적이고 자동화된 품질 검사를 실행합니다가벼운 PostToolUse hook과 after-write.sh를 조합하여 편집 후 즉각적인 포맷팅이나 빠른 검증을 수행합니다.claude/settings.json에서 after-write.sh를 PostToolUse에, 강력한 end-of-turn-check.sh를 Stop에 연결하여 ..

"뼈대를 먼저 만들고, 그 다음에 살을 붙여라" — Flow Framework GitHub - khgs2411/flow: Iterative development framework combining Domain-Driven Design with Agile philosophyIterative development framework combining Domain-Driven Design with Agile philosophy - khgs2411/flowgithub.com 들어가며AI 코딩 도구를 사용하다 보면 이런 경험 없으신가요?프롬프트를 던지고 기다렸는데, 결과가 엉뚱한 방향으로...어제 ChatGPT와 나눴던 대화 내용을 오늘 다시 설명해야 하는 상황AI가 만든 코드가 마음에 안 들어서 결국 전체를 다..

GitHub - microsoft/agent-lightning: The absolute trainer to light up AI agents.The absolute trainer to light up AI agents. Contribute to microsoft/agent-lightning development by creating an account on GitHub.github.com Agent Lightning이란?Agent Lightning은 Microsoft Research에서 개발한 오픈소스 프레임워크로, **강화학습(RL)**을 통해 AI 에이전트를 학습시킬 수 있는 혁신적인 도구입니다.🎯 주요 특징제로 코드 변경: 기존 에이전트 코드를 거의 수정하지 않고도 학습 가능프레임워크 독립적: L..

🎯 학습 목표Chain-of-Thought (CoT) 프롬프팅 마스터Tree of Thoughts (ToT) 구현Self-Consistency 기법 적용Sequential Revision (순차적 개선)복잡한 다단계 추론 시스템 구축OpenAI o1 스타일 추론 시뮬레이션📋 사전 준비1. 개발 환경 설정# 새 프로젝트 디렉토리mkdir deep-research-agentcd deep-research-agent# 가상환경 생성python -m venv venvsource venv/bin/activate # Windows: venv\Scripts\activate# 필수 패키지 설치pip install openai anthropic streamlit python-dotenvpip install langc..

🎯 학습 목표RAG (Retrieval-Augmented Generation) 아키텍처 이해Vector Database를 활용한 의미 검색Fine-tuning vs Prompting 비교LoRA/PEFT를 활용한 효율적인 모델 커스터마이징실전 챗봇 배포📋 사전 준비1. 개발 환경 설정# 새 프로젝트 디렉토리mkdir customer-support-chatbotcd customer-support-chatbot# 가상환경 생성python -m venv venvsource venv/bin/activate # Windows: venv\Scripts\activate# 필수 패키지 설치pip install openai anthropic streamlit python-dotenvpip install chroma..

🎯 학습 목표LLM API 기본 사용법 이해프롬프트 엔지니어링 기법 실습토크나이제이션과 파라미터 조정인터랙티브 웹 인터페이스 구축📋 사전 준비1. 개발 환경 설정# Python 가상환경 생성python -m venv llm-playgroundsource llm-playground/bin/activate # Windows: llm-playground\Scripts\activate# 필수 패키지 설치pip install openai anthropic streamlit python-dotenv tiktokenpip install pandas numpy matplotlib2. API 키 발급OpenAI: https://platform.openai.com/api-keysAnthropic: https://co..

GitHub - GWUDCAP/cc-sessions: an opinionated approach to productive development with Claude Codean opinionated approach to productive development with Claude Code - GWUDCAP/cc-sessionsgithub.com 당신이 여기 오게 된 이유이런 경험 있으신가요?💭 LLM 프로그래밍 가능성에 설레어 Cursor/Cline/Claude Code를 설치했다😬 처음엔 신기하고 좋았다. 컨텍스트 매니저 안 짜도 되니까!🤮 근데 Claude가 이상한 짓을 하기 시작했다Claude에게 한 함수에만 에러 핸들링 추가하라고 했더니:파일의 모든 함수에 에러 핸들링을 추가함에러 타입도 ..

Claude Agent Skills: A First Principles Deep DiveTechnical deep dive into Claude Agent Skills' prompt-based meta-tool architecture. Learn how context injection design, two-message patterns, LLM-based routin...leehanchung.github.io원문을 정리한 내용입니다. Claude의 Agent Skills 시스템은 프롬프트 기반 메타-툴 아키텍처를 통해 LLM의 능력을 확장하는 정교한 시스템입니다. 기존의 함수 호출이나 코드 실행과 달리, Skills는 프롬프트 확장과 컨텍스트 수정을 통해 작동합니다.이 글에서는 Claude의 Agent ..

CS 336: 언어 모델을 밑바닥부터 만들기 - 강의 요약스탠퍼드 대학의 CS 336 강좌는 언어 모델을 처음부터 끝까지 직접 구현하며 배우는 과정입니다. Percy Liang 교수와 Tatsu Hashimoto 교수가 공동으로 진행하는 이 강의는 AI 연구자들이 기술의 근본을 이해하도록 돕기 위해 만들어졌습니다.왜 이 강의가 필요한가?현재 AI 연구는 위기를 맞고 있습니다. 연구자들이 점점 더 기술의 근본에서 멀어지고 있기 때문입니다.8년 전: 연구자들이 직접 모델을 구현하고 학습6년 전: BERT 같은 모델을 다운로드해서 파인튜닝현재: 많은 사람들이 그냥 프롬프트만 작성프롬프팅이 나쁜 것은 아니지만, 추상화 계층만 사용하다 보면 근본적인 연구를 수행하기 어렵습니다. 데이터, 시스템, 모델을 함께 설계..

Understanding Claude Code Components: A Practical GuideUsing only slash commands? You're automating 20% of what Claude Code handles. Most engineers can't explain when to use Agents vs Tools vs Skills. This practical guide helps eliminate the confusion.www.devashish.me위 내용을 한국어로 정리했습니다. 들어가며대부분의 개발자는 Claude Code를 단순한 채팅 인터페이스처럼 사용합니다. 질문하고, 답변 받고, 코드를 복사-붙여넣기 하죠. 하지만 이는 Claude Code가 제공하는 자동화 기능의 ..

“당신이 수십억 달러짜리 회사보다, 수백억 파라미터 모델보다 똑똑하지 않은 건 맞지만, 그걸 제대로 ‘쓰는 법’을 모를 뿐이다.”당신이 무엇을 하는지 알고, AI 에이전트를 하나의 “모델”처럼 다룰 수 있다면 문제없어요. AI가 허접한 코드를 내놔도, 당신이 실력만 있으면 그걸 바로 잡을 수 있죠(왜냐면 당신은 자기 분야를 알잖아요). 그러니 Claude Code에게 “어떻게 고칠지” 제대로 태스크를 주면 됩니다.요즘 프로덕션급 소프트웨어를 만들 때 가장 큰 결함은:스케일링(탄탄한 아키텍처)보안( SQL 인젝션, IDOR, DDoS 방어, 레이트 리미트 등)두 번째는 솔직히 Claude Code한테 “어떻게 막는지” 물어보면 꽤 쉽게 풀립니다. 그래서 여기선 첫 번째—Claude 생태계를 활용해 튼튼한 ..

MCP(Model Context Protocol)란?MCP는 AI 에이전트와 코딩 어시스턴트가 애플리케이션과 상호작용할 수 있도록 하는 오픈 표준 프로토콜입니다. Next.js는 이를 통해 개발 중인 앱의 상태를 AI가 실시간으로 파악하고 도움을 줄 수 있게 합니다.두 가지 MCP 서버Next.js는 두 개의 MCP 서버를 함께 사용할 것을 권장합니다:1️⃣ Next.js MCP 서버 (내장)Next.js 16 이상에 기본 탑재되어 있으며, 개발 서버 내부에서 실행됩니다.주요 기능:실시간 앱 상태 접근 - 애플리케이션의 현재 런타임 정보 조회페이지 메타데이터 쿼리 - 라우트, 컴포넌트, 렌더링 세부정보에러 추적 - 빌드 에러, 런타임 에러, 개발 로그 조회Server Actions 검사 - 컴포넌트 계층..

🔧 내장 MCP 서버 툴 (5가지)Next.js 16 개발 서버에 기본 탑재되어 있으며, /_next/mcp 엔드포인트를 통해 접근합니다.1️⃣ get_errors기능: 현재 발생한 모든 에러 조회반환 정보:빌드 에러 (Build Errors)런타임 에러 (Runtime Errors)타입 에러 (Type Errors)브라우저 세션별 에러실전 예제:# AI 에이전트 사용"내 앱에 현재 어떤 에러가 있어?"# MCP 응답 예시{ "success": true, "port": 3000, "toolName": "get_errors", "result": { "content": [{ "type": "text", "text": "# Found errors in 1 browser sess..

Cursor와 클로드 코드를 사용하며 2500개 이상의 프롬프트를 작성했고, 개인 프로젝트부터 프로덕션 레벨 프로젝트까지 다양한 경험을 쌓았습니다. 이 과정에서 배운 모든 노하우를 한 곳에 모아 여러분과 공유하고자 합니다.1. 명확한 비전 정의하기구체적이고 상세한 비전으로 시작하세요. 입력이 모호하면 출력도 모호합니다. "쓰레기가 들어가면 쓰레기가 나온다"는 원칙을 항상 기억하세요.실전 예제❌ 나쁜 예:Todo 앱을 만들어줘✅ 좋은 예:Next.js 14 (App Router)를 사용한 Todo 앱을 만들어줘. 요구사항은 다음과 같아:기능:- 할 일 추가/수정/삭제- 완료 체크박스- 우선순위 설정 (높음/중간/낮음)- 카테고리별 필터링- 로컬스토리지에 데이터 저장UI/UX:- Tailwind CSS 사용..

고급 튜토리얼: PDF 양식 자동화 스킬 만들기목표이 튜토리얼에서는 실행 가능한 Python 스크립트와 검증 로직을 포함한 고급 스킬을 만들어봅니다.난이도⭐⭐⭐ 고급 - 실행 가능한 스크립트, 계획-검증-실행 패턴, 시각적 분석소요 시간약 60-90분단계 1: 문제 정의하기시나리오여러분은 매주 수백 개의 PDF 양식을 처리해야 합니다. 현재 프로세스:PDF 양식 열기스프레드시트에서 데이터 찾기수동으로 필드 채우기저장 및 다음 양식으로이 과정에서 발생하는 문제:😓 반복적이고 시간 소모적🐛 오타나 잘못된 필드 입력 오류🔍 어떤 필드를 채웠는지 추적 어려움📊 일괄 처리 불가능해결 방법Claude가 다음을 수행하도록 스킬을 만듭니다:PDF 양식 분석 (어떤 필드가 있는지)스프레드시트 데이터 매칭변경 계획..

중급 튜토리얼: API 문서화 스킬 만들기목표이 튜토리얼에서는 점진적 공개(Progressive Disclosure) 패턴을 사용하여 여러 파일로 구성된 스킬을 만들어봅니다.난이도⭐⭐ 중급 - 여러 파일 구조, 조건부 참조, 도메인별 구성소요 시간약 30-40분단계 1: 문제 정의하기시나리오여러분은 REST API 문서를 작성하는 일을 자주 합니다. API는 여러 도메인(사용자, 결제, 상품)으로 나뉘어 있고, 각 도메인마다 다른 스키마와 엔드포인트가 있습니다.현재 문제점:모든 API 정보를 하나의 파일에 넣으면 너무 길어짐 (1000+ 줄)Claude가 필요없는 도메인 정보까지 읽어서 토큰 낭비새로운 도메인을 추가하기 어려움해결 방법점진적 공개 패턴을 사용하여 Claude가 필요한 정보만 읽도록 구조화..

초급 튜토리얼: 간단한 블로그 글 작성 스킬 만들기목표이 튜토리얼에서는 블로그 글을 일관된 형식으로 작성하도록 돕는 간단한 스킬을 만들어봅니다.난이도⭐ 초급 - 코드 없음, 순수 마크다운 지침만 사용소요 시간약 15-20분단계 1: 문제 정의하기시나리오여러분은 기술 블로그를 운영하고 있습니다. 매번 블로그 글을 쓸 때마다 다음과 같은 지침을 Claude에게 반복해서 말하고 있습니다:"독자를 '여러분'이라고 칭해줘""각 섹션은 명확한 소제목으로 시작해줘""코드 예시는 항상 설명을 먼저 하고 그 다음에 보여줘""마지막에 핵심 요약을 3개 bullet point로 정리해줘"이런 지침을 스킬로 만들면 매번 반복하지 않아도 됩니다!단계 2: 스킬 디렉토리 생성하기먼저 스킬을 저장할 폴더를 만듭니다:blog-wri..

목차핵심 원칙스킬 구조효과적인 작성 패턴콘텐츠 가이드라인평가와 반복 개선실행 가능한 코드가 포함된 스킬체크리스트핵심 원칙1. 간결함이 핵심컨텍스트 윈도우는 공공재입니다. 스킬은 다음 요소들과 함께 컨텍스트를 공유합니다:시스템 프롬프트대화 기록다른 스킬의 메타데이터실제 요청 내용작성 시 항상 자문하세요:"Claude가 정말 이 설명을 필요로 할까?""Claude가 이미 알고 있다고 가정할 수 있을까?""이 단락이 토큰 비용을 정당화할까?"2. 적절한 자유도 설정작업의 취약성과 가변성에 맞춰 구체성 수준을 조정하세요.높은 자유도 (텍스트 기반 지침) - 다음 경우에 사용:여러 접근 방식이 유효한 경우결정이 맥락에 따라 달라지는 경우휴리스틱이 접근 방식을 안내하는 경우중간 자유도 (구조화된 가이드라인) - 다..

Advanced Claude Code Hooks: Controlling Sub-Agent Behavior | LTSCommerce - Bespoke PHP DevelopmentAdvanced Claude Code Hooks: Controlling Sub-Agent Behavior 24 October 2025 • 8 min read • AI Claude Code hooks are powerful automation tools that execute at specific points during AI coding sessions. While basic hooks can validate prompts or add contexltscommerce.dev원문을 번역한 내용입니다.개요Claude Code의 훅(ho..

안녕하세요! 오늘은 Claude Code의 강력한 기능인 Agent Skills에 대해 알아보겠습니다.개발하다보면 반복적으로 같은 프롬프트를 입력하거나, 팀원들과 특정 워크플로우를 공유하고 싶을 때가 있죠? Agent Skills가 바로 이런 문제를 해결해줍니다.이 영상 하나면 Skills를 만들고, 테스트하고, 팀과 공유하는 방법까지 모두 배울 수 있습니다. 시작해볼까요?1부: Agent Skills란?Agent Skills의 정의Agent Skills는 전문 지식을 발견 가능한 기능으로 패키징하는 시스템입니다.쉽게 말해, 여러분의 노하우와 워크플로우를 Claude가 자동으로 인식하고 사용할 수 있는 형태로 만드는 거죠.구성 요소Skills는 크게 두 가지로 구성됩니다:SKILL.md 파일 - Clau..

GitHub - microsoft/amplifierContribute to microsoft/amplifier development by creating an account on GitHub.github.com 들어가며"아이디어는 넘치는데 시간이 부족하다" - 많은 개발자들이 공감하는 문제입니다. Microsoft가 공개한 Amplifier는 바로 이 문제를 해결하기 위한 실험적 프로젝트입니다. 단순한 AI 코딩 어시스턴트를 검증된 패턴, 전문화된 에이전트, 그리고 강력한 자동화로 무장한 완전한 개발 환경으로 업그레이드해줍니다.⚠️ 주의사항: 이 프로젝트는 연구 데모 단계입니다. 초기 개발 중이며 상당한 변경이 있을 수 있습니다. 프로덕션 환경보다는 학습과 실험 목적으로 사용하는 것이 적합합니다.Ampl..

서론: 왜 프로젝트 기반 학습인가?AI 엔지니어링은 단순히 이론을 암기하는 것이 아닌, 실제로 무언가를 만들어가며 배우는 과정입니다. "Learn by Doing"이라는 철학은 특히 AI 분야에서 더욱 중요한데, 이는 빠르게 변화하는 기술 트렌드와 실무에서 요구되는 문제 해결 능력을 동시에 기를 수 있기 때문입니다.ByteByteAI가 제시하는 6주 집중 코호트 과정은 단계별 프로젝트를 통해 AI 엔지니어링의 핵심 역량을 체계적으로 구축할 수 있도록 설계되었습니다. 10월 4일부터 11월 9일까지 진행되는 이 커리큘럼은 LLM 플레이그라운드 구축부터 시작해 실제 프로덕션 레벨의 AI 서비스 개발까지 다루며, 각 프로젝트는 이전 학습 내용을 기반으로 점진적으로 난이도가 상승하는 구조로 되어 있습니다.이번 ..

급변하는 시대의 흐름 속에서 우리는 어떤 미래를 준비해야 할까요? 매년 한 해를 관통할 소비 트렌드를 예측하며 기업과 개인에게 인사이트를 제공해온 《트렌드 코리아》가 2026년의 10대 트렌드를 발표했습니다. AI의 일상화부터 감정 중심 경제, 그리고 근본 가치로의 회귀까지, 앞으로 우리 삶을 지배할 변화의 물결을 깊이 있게 살펴보겠습니다.1. Human-in-the-loop (휴먼인더루프): AI 시대, 인간의 역할 재정의AI와 인간의 새로운 협업 모델2026년, 우리는 AI가 텍스트부터 이미지, 영상, 음악까지 거의 모든 콘텐츠를 생성할 수 있는 시대를 살아가게 됩니다. ChatGPT의 등장 이후 불과 몇 년 만에 AI는 인간의 창작 영역까지 깊숙이 침투했습니다. 하지만 역설적으로 이런 시대일수록 인..

프롤로그: 2022년 11월 30일, 세상이 뒤집어진 날그날 이후 모든 것이 달라졌습니다. ChatGPT가 세상에 나온 날이죠. 구글 번역이 1억 명 사용자를 모으는데 6년이 걸렸는데, ChatGPT는 단 2개월 만에 해냈습니다. 지금 이 순간에도 전 세계 18억 명이 AI와 함께 일하고 있고, 한국인 2천만 명이 이미 AI에 중독되어 있습니다. 유료 구독자 수로는 세계 3위죠.무슨 일이 벌어지고 있는 걸까요?1. 30명이 수만 명을 이기는 믿기 힘든 현실 💪소수정예의 압도적 승리텔레그램을 아시나요? 전 세계 9억 명이 사용하는 메신저입니다. 직원 수? 겨우 30명입니다. 카카오톡을 운영하는 카카오의 직원이 1만 명이 넘는다는 걸 생각해보세요.미드저니는 어떤가요? 40명의 직원으로 Adobe의 포토샵 ..

https://github.com/github/spec-kit GitHub - github/spec-kit: 💫 Toolkit to help you get started with Spec-Driven Development💫 Toolkit to help you get started with Spec-Driven Development - github/spec-kitgithub.com Specification-Driven Development (SDD)파워 인버전수십 년 동안 코드는 왕이었습니다. 명세는 코드를 위한 것이었습니다. 우리가 세운 발판과 같았고, 코딩이라는 "진짜 작업"이 시작되면 버려졌습니다. 개발을 안내하기 위해 PRD를 작성하고, 구현을 위한 설계 문서를 만들고, 아키텍처를 시각화하기 위..