오늘도 공부

GitHub - Njengah/claude-code-cheat-sheet: Ultimate collection of Claude Code tips, tricks, hacks, and workflows that you can useUltimate collection of Claude Code tips, tricks, hacks, and workflows that you can use to master Claude Code in minutes - Njengah/claude-code-cheat-sheetgithub.com Claude Code는 터미널에서 직접 AI 코딩 어시스턴트를 활용할 수 있는 강력한 도구입니다. 이 가이드는 초보자부터 전문가까지, 단계별로 Claude Code를 마스터할 수 있도록 구성..

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가 만든 코드가 마음에 안 들어서 결국 전체를 다..