오늘도 공부

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-..