오늘도 공부

AI 코딩 도구를 제대로 활용하고 싶다면? 이 가이드 하나면 충분합니다.🎯 이 가이드를 읽어야 하는 이유Claude Code를 사용하다가 이런 경험 있으신가요?"처음엔 잘 되다가 갑자기 이상한 코드를 만들어요""내가 원하는 게 아닌데 계속 엉뚱한 걸 만들어요""코드가 너무 복잡해서 뭐가 뭔지 모르겠어요"이런 문제들은 대부분 사용법의 문제입니다. Claude Code를 제대로 활용하는 방법을 알면 이런 문제를 90% 이상 해결할 수 있습니다.1. 가장 중요한 3가지 원칙원칙 1: 컨텍스트 관리가 전부다컨텍스트란 Claude가 기억하고 있는 대화 내용을 말합니다. 컨텍스트가 너무 많아지면 Claude의 성능이 급격히 떨어집니다.🔴 나쁜 예:계속 대화를 이어가면서 코드를 수정하고, 또 수정하고...→ 결국..

🎯 들어가며SQL(Structured Query Language)은 데이터베이스를 다루는 개발자라면 반드시 마스터해야 할 필수 언어입니다. 오늘은 SQL의 핵심 개념들을 마인드맵 형태로 체계적으로 정리해보겠습니다. 이 포스트를 통해 SQL의 전체적인 구조를 한눈에 파악하고, 각 명령어의 용도와 활용법을 완벽하게 이해할 수 있을 것입니다.📚 SQL 언어의 4대 범주SQL은 크게 4가지 범주로 나뉩니다. 각각의 역할과 특징을 살펴보겠습니다.1. DDL (Data Definition Language) - 데이터 정의어 🏗️DDL은 데이터베이스의 구조를 정의하는 명령어들입니다. 테이블, 뷰, 인덱스 등의 구조를 생성하고 변경하는 역할을 합니다.CREATE - 생성하기-- 데이터베이스 생성CREATE DAT..

CodeDeck - 개발자를 위한 코드 학습 카드 뉴스프로그래밍 언어와 프레임워크를 카드 뉴스 형태로 쉽게 배우는 개발자 학습 플랫폼www.codedeck.krClaude나 Cursor를 사용한다면 이 4가지 MCP를 설치하세요Context7: 최신 문서를 실시간으로 Claude에 제공 → API 환각 현상 차단BrowserMCP: 실제 브라우저를 제어 (로그인 세션 그대로 유지)Framelink: Figma → 코드 변환 (디자인 눈대중으로 짜는 시간 절약)Shadcn MCP: shadcn/ui 컴포넌트를 문서 확인 없이 정확하게 생성왜 이 글을 쓰는가오후 3시. Claude에게 간단한 Next.js 미들웨어 함수를 요청합니다. Claude는 자신 있게 코드를 내놓지만, 사용된 API는 이미 depre..

📚 아티클 / 튜토리얼🔗 Flutter에서 완전한 커스텀 네이티브 광고 만들기 튜토리얼Flutter로 네이티브 광고를 완전히 커스텀하여 구현하는 방법을 단계별로 설명한 튜토리얼입니다. 수익을 늘리면서도 사용자 경험을 해치지 않는 광고 디자인 전략 포함.👍 1 | 💬 0🔗 Flutter에서 초당 60프레임 스톱워치 만들고도 면접에 떨어진 이유Timer 대신 Stopwatch를 사용하지 않았다는 이유로 면접에서 탈락한 개발자의 경험담. 최적화보다 '정확한 도구 선택'이 먼저라는 교훈.👍 54 | 💬 41🔗 실제 서비스에서 Flutter + 네이티브 하이브리드 앱 구조 적용 사례: TalabatTalabat이 수백만 사용자를 위해 Flutter와 네이티브 기술을 어떻게 조합해 확장 가능한 앱을 ..

단순한 프롬프트에서 벗어나 체계적인 컨텍스트 관리로 AI 코딩의 레벨을 한 단계 올려보세요.들어가며많은 개발자들이 Claude Code를 사용할 때 이렇게 시작합니다:"채팅봇 만들어줘"하지만 이것은 제로 컨텍스트 접근 방식입니다. 기본적인 결과만 얻을 수 있죠.컨텍스트 인식(Context-Aware) 방식은 완전히 다릅니다:❌ "집을 지어줘"✅ "3층짜리, 침실 6개, 욕실 2개, 개인 안전실 1개가 있는 집을 지어줘. 평면도와 청사진을 작성하고, 완공 시 건축업자를 위한 파티도 계획해줘"이 차이가 바로 오늘 다룰 핵심입니다.Context-Aware란 무엇인가?컨텍스트 인식 개발은 단순히 파일을 구조화하는 것을 넘어, AI가 항상 올바른 신호를 받을 수 있도록 프로젝트를 설계하는 것입니다.여기에는 다음이..

📱 앱 개발 사례🔗 Menstrudel: 첫 Flutter 앱으로 생리 주기 + Wear OS + 위젯까지Flutter로 만든 첫 번째 앱으로, 생리 및 피임약 추적 기능과 Wear OS 및 홈 위젯 지원.좋아요: 4 | 댓글: 0🔗 아버지를 위해 만든 Flutter 앱 - 전체 스택 구조 공개가족 건강관리를 위한 Flutter 앱. Firebase, FCM, 링크 공유 기능 포함.좋아요: 2 | 댓글: 3🔗 Journiv: Flutter로 만든 프라이버시 중심의 자가 호스팅 저널 앱하나의 코드로 모바일+웹 구현 도전기. 다양한 시행착오와 교훈 공유.좋아요: 2 | 댓글: 0🔗 Flutter Web으로 스타트업을 만들면서 배운 4가지B2B 플랫폼을 Flutter Web으로 성공적으로 구축한 팀의..

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

⚠️ 참고: MongoDB 공식 문서에는 Ubuntu 24.04에 대한 지원이 명시되어 있으며, Ubuntu 24.04에서 Mongo 8.0 이상 사용 가능함이 나옵니다. (MongoDB)다만 일부 가이드에서는 공식 리포지토리가 24.04에 완전히 최적화돼 있지 않을 수 있다는 언급도 있으므로 환경에 맞게 리포지토리 설정을 확인하시는 게 좋습니다. (NSpeaks)1. 사전 준비터미널을 열고 다음을 실행하세요:sudo apt updatesudo apt install -y gnupg curl software-properties-common apt-transport-https ca-certificates비루트(sudo) 권한이 있는 사용자로 실행하세요.시스템이 최신 상태인지 확인해 두세요.2. 공식 Mong..

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

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

CodeDeck - 개발자를 위한 코드 학습 카드 뉴스프로그래밍 언어와 프레임워크를 카드 뉴스 형태로 쉽게 배우는 개발자 학습 플랫폼www.codedeck.kr 🚀 Discussion | 토론 및 질문Is Google Quietly Abandoning Flutter? (근거 기반 우려)Flutter 핵심 개발자들의 이탈 및 마스터 브랜치 커밋 감소로 인해 Google이 Flutter를 점점 포기하는 것 아니냐는 우려가 제기되고 있습니다.👍 15 | 💬 9모바일 개발자도 Leetcode나 시스템 설계가 필요한가요?앱 개발자에게 코딩 테스트나 시스템 설계 능력이 정말 필요한지에 대한 질문입니다.👍 2 | 💬 2Flutter UI 설계 조언: 오프라인 우선 To-do/저널 앱UI 구조, 상태 관리, ..

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 리눅스를 처음 시작하는 분들을 위한 필수 명령어 모음집입니다. 각 명령어마다 실용적인 예제를 포함하여 쉽게 따라할 수 있도록 구성했습니다.📂 파일 및 디렉토리 관리1️⃣ ls - 디렉토리 내용 보기리눅스에서 가장 많이 사용하는 명령어로, 현재 디렉토리의 파일과 폴더 목록을 확인합니다.예제:# 기본 사용법ls# 자세한 정보와 함께 보기ls -la# 특정 디렉토리 내용 보기ls /home/user/Documents# 파일 크기를 읽기 쉽게 표시ls -lh2️⃣ pwd - 현재 작업 디렉토리 확인지금 어느 위치에 있는지 전체 경로를 보여줍니다.예제..

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에 연결하여 ..

CodeDeck - 개발자를 위한 코드 학습 카드 뉴스프로그래밍 언어와 프레임워크를 카드 뉴스 형태로 쉽게 배우는 개발자 학습 플랫폼www.codedeck.kr 📱 프로젝트 & 앱 소개🔗 Flutter로 만든 Docker 관리 앱 공개📝 설명: 휴대폰에서 Docker 컨테이너, 이미지, 네트워크, 볼륨을 실시간으로 관리할 수 있는 오픈소스 앱. Material UI 기반이며, SSH 접속과 멀티서버 지원.👍 좋아요: 14 | 💬 댓글: 0🔗 Flutter ChatGPT 클라이언트 (LangChain + Riverpod 기반)📝 설명: OpenAI 스트리밍 API와 통합된 Flutter 기반 실시간 챗봇 UI. Markdown 렌더링, 이미지 생성, 크로스 플랫폼 지원.👍 좋아요: 0 | ?..

"뼈대를 먼저 만들고, 그 다음에 살을 붙여라" — 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..

🎯 Capstone 개요지금까지 배운 모든 기술을 통합하여 실제 사용 가능한 프로젝트를 만듭니다!배운 기술 요약:✅ Project 1: LLM Playground (프롬프트 엔지니어링, 기본 LLM 사용)✅ Project 2: Customer Support Chatbot (RAG, Vector DB, Fine-tuning)✅ Project 3: Ask-the-Web Agent (ReAct, 웹 검색, 에이전트)✅ Project 4: Deep Research (CoT, ToT, Self-Consistency, 복잡한 추론)✅ Project 5: Image Generation (Stable Diffusion, ControlNet, LoRA)💡 Capstone 프로젝트 아이디어1. AI Content Cr..

🎯 학습 목표Stable Diffusion 아키텍처 이해Text-to-Image (T2I) 생성 구현LoRA/DreamBooth로 커스텀 모델 학습ControlNet으로 이미지 제어이미지 편집 (Inpainting, Outpainting)프로덕션급 이미지 생성 서비스 구축📋 사전 준비1. 시스템 요구사항# GPU 필수 (VRAM 8GB 이상 권장)# CUDA 설치 확인nvidia-smi# 또는 CPU로도 가능 (매우 느림)2. 개발 환경 설정# 새 프로젝트 디렉토리mkdir image-generation-servicecd image-generation-service# 가상환경 생성python -m venv venvsource venv/bin/activate # Windows: venv\Scripts..

🎯 학습 목표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..

🎯 학습 목표웹 검색 기능을 가진 AI 에이전트 구축LangChain Agent 프레임워크 이해Tool/Function Calling 마스터멀티스텝 추론 (ReAct 패턴) 구현실시간 웹 정보를 활용한 답변 생성📋 사전 준비1. 개발 환경 설정# 새 프로젝트 디렉토리mkdir ask-the-web-agentcd ask-the-web-agent# 가상환경 생성python -m venv venvsource venv/bin/activate # Windows: venv\Scripts\activate# 필수 패키지 설치pip install openai anthropic streamlit python-dotenvpip install langchain langchain-openai langchain-commun..

🎯 학습 목표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 ..

🛠️ 툴 & 플러그인🔗 Pubghost: 사용하지 않는 번역 및 종속성 스캔 도구 출시Flutter 프로젝트에서 사용되지 않는 번역 및 의존성을 스캔해주는 도구 pubghost가 출시되었습니다. 더 깔끔한 코드베이스 유지에 유용합니다.👍 21 | 💬 7🔗 Pubgrade: VS Code & Cursor 확장 프로그램 출시 🎉의존성 패키지 업데이트를 자동으로 관리해주는 확장 기능 Pubgrade가 VS Code와 Cursor에서 모두 사용 가능해졌습니다. 사이드바에서 changelog 확인 및 원클릭 업데이트까지!👍 20 | 💬 12🔗 Entrig: Flutter + Supabase용 No-Code 푸시 알림 도구서버 없이 푸시 알림을 구현할 수 있는 No-code 툴. Supabase와 ..

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

Flutter🔗 Open Source Flutter Architecture for Scalable E-commerce Apps GitHub - masterfabric-mobile/osmea: MasterFabric represents the architecture of e-commerce mobile apps.Enterprise-level FlutterMasterFabric represents the architecture of e-commerce mobile apps.Enterprise-level Flutter development. - masterfabric-mobile/osmeagithub.com확장 가능한 이커머스 앱 개발을 위한 Flutter 아키텍처가 오픈소스로 공개되었습니다. 계층 구조, ..

안녕하세요! 오늘은 대규모 웹 서비스를 설계할 때 필요한 핵심 컴포넌트들을 하나하나 살펴보겠습니다. 실제 서비스에서 사용되는 아키텍처 패턴과 구체적인 예제를 함께 알아보죠.1. DNS (Domain Name System)구조사용자가 www.example.com을 입력하면 다음과 같은 과정을 거칩니다:권한있는 네임서버 (Authoritative Nameserver)도메인의 실제 IP 주소를 관리예: example.com → 12.34.56.78최상위 도메인 네임서버 (TLD NS).com, .net, .org 등의 TLD 관리AWS의 경우 Route 53이 이 역할 수행루트 네임서버 (Root NS)DNS 계층 구조의 최상위전 세계 13개의 루트 서버 클러스터 운영실제 예제# DNS 조회 과정$ dig e..