전체 글 (310) 썸네일형 리스트형 프로젝트 설명서를 자동으로 만들어주는 Sidekick 사용법 AI 코딩 에이전트를 더 똑똑하게 만드는 Sidekick개발자라면 한 번쯤 이런 경험이 있을 겁니다. AI 코딩 에이전트(Cline, Roo, Code Companion, Cursor 등)를 사용하다 보면, 프로젝트에 대해 충분히 이해하지 못해서 엉뚱한 답을 내놓는 경우가 많죠. 왜 그럴까요? 이유는 간단합니다. 맥락(Context)이 부족하기 때문입니다.이 문제를 아주 간단하고도 영리하게 해결해주는 오픈소스 도구가 있습니다. 바로 Sidekick입니다.https://github.com/saharmor/sidekick-dev-webSidekick이란 무엇인가?Sidekick은 GitHub 레포지토리를 분석해 고품질 Markdown 컨텍스트 파일을 자동 생성하는 도구입니다. 이 파일을 AI 코딩 에이전트에.. TanStack Start, shadcn, TypeScript 로 대시보드 만들기 0. 사전 준비Node.js: 18 이상 권장 (LTS)패키지 매니저: pnpm 또는 npm 중 하나 (예시는 pnpm 사용, 원하는 패키지 매니저로 바꿔도 됩니다)Git: 버전 관리용(선택)확인 명령어:node -vpnpm -v # 또는 npm -v1. TanStack Start 앱 생성TanStack Start 공식 CLI로 새 프로젝트를 만듭니다.# 프로젝트 생성 (질문에 따라 입력)npx create-start-app@latest권장 답변 예시프로젝트 이름: orcish-tanstack-dashboard (원하는 이름 가능)Tailwind: Yes (빠른 경로)ESLint: YesAdd-ons: (선택) shadcn/ui 포함 여부는 상관없습니다. 포함해도 되고, 아래에서 CLI로 다시 설치/.. Git Bash 에서 conda 명령어 사용 설정 방법 anaconda 또는 miniconda 가 설치되어 있어야 한다.그리고 git 을 설치한다. 이제 Anaconda prompot 에서 다음을 실행한 후에, $ conda init bashgit bash 를 다시 실행한다. git bash 에서 conda 를 타이핑하고 엔터를 치면 동작한다. Claude Code와 Playwright MCP로 AI 디자이너 만들기 "코드도 짜고, 직접 브라우저를 열어 바뀐 UI를 체크·수정까지 반복하는 AI 디자이너” 만들기Claude Code + Playwright MCP 조합1) 필수 준비물Claude Code (데스크톱/CLI 아무거나)Node.js(LTS) + npxGit, 브라우저 드라이버는 Playwright가 자동 관리Playwright용 공식 MCP 서버는 Microsoft가 배포 2) Claude Code에 Playwright MCP 붙이기 (가장 쉬운 방법)한 줄 설치claude mcp add playwright npx '@playwright/mcp@latest'이제 claude(또는 Claude Code)를 실행하면 “playwright” 도구가 떠. 위 커맨드는 신뢰할 만한 실전 가이드에서 확인된 방법 (대안.. [최신] Claude Code + GPT5 를 조합해서 Vibe Coding 하는 방법 🚀 클로드 + GPT-5 조합, 따라하는 방법1. 깃허브(GitHub) 준비GitHub 가입 후 로그인.새 저장소(repository) 생성.예: my-vibe-projectPersonal Access Token 발급Settings → Developer Settings → Personal Access Tokens → Tokens (classic) → Generate new token권한(스코프): repo, workflow 체크토큰 생성 후 꼭 복사 (재발급 불가)2. 클로드 코드 설정프로젝트 폴더에 클로드 마크다운 파일을 둡니다.예: claude_config.md안에 아래처럼 작성:GITHUB_TOKEN=여기에_복사한_토큰GITHUB_REPO=https://github.com/내아이디/my-vibe-.. 바이브 코딩? AI 코딩 어시스턴트, 어디까지 왔나? AI 코딩 어시스턴트, 어디까지 왔나?AI 코딩 어시스턴트는 몇 년 사이에 눈부시게 발전했습니다. 단순히 코드를 자동완성해주는 도구에서 시작해, 이제는 코드베이스 전체와 대화하고, 여러 파일을 동시에 수정하며, 테스트 실행까지 지원하는 수준으로 확장되고 있습니다. 그러나 여전히 중요한 것은, 이 모든 과정에서 개발자가 감독하고 판단해야 한다는 점입니다.1. 자동완성에서 에이전트까지AI 코딩 어시스턴트의 발전은 단계적으로 진행되어 왔습니다.자동완성: 함수 시그니처나 주석을 작성하면 전체 메서드를 제안해주는 “강화된 오토컴플리트” 단계.IDE 내 채팅: IDE 안에서 바로 질문 가능. 검색 없이 기본적인 질의에 빠른 답변 제공.IDE 심화 통합: Quick Fix 메뉴, 특정 파일 지정, 차분(diff) 제.. 2025년 8월- AWS Kiro 현재 상황 및 사용법·가격 정리 📌 지금 AWS Kiro는 어떤 상태일까? (2025년 8월 기준)대기자 명단(waitlist) 운영: 폭발적인 인기 때문에 신규 가입 제한 중다중 기기 제한: 여러 장치에서 동시에 사용하면 경고 메시지 발생가격 정책 불안정: 초기 요금제가 발표됐다가, vibe/spec 요청 기반의 새 요금 체계로 변경 → 하지만 과다 과금 문제로 비판 확산AWS 대응: 일부 과금 버그를 인정하고, 곧 수정 및 사용자 한도 초기화 예정👉 결론적으로, 아직은 프리뷰 단계라서 사용성은 흥미롭지만, 비용과 접근성은 조심해야 한다는 점이 가장 중요합니다.1. AWS Kiro란 무엇인가? 🤖Kiro는 AWS가 선보인 에이전트 기반 AI IDE로, 기존 코드 자동생성기를 넘어 사양 기반(spec-driven) 개발을 지원합니.. “바이브 코딩”의 새로운 방법 - AWS 의 Kiro IDE AWS, VS Code 기반의 Kiro 공개 — “바이브 코딩”을 넘어 스펙 기반 개발로AWS가 최근 공개한 Kiro는 VS Code를 포크해 만든 새로운 IDE입니다. Kiro는 단순한 코드 어시스턴트가 아니라, 스펙 기반(spec-driven) 개발을 직접 지원하며 “바이브 코딩(vibe coding)”의 한계를 극복하려는 시도로 주목받고 있습니다.1. 바이브 코딩의 장점과 한계생성형 AI를 활용한 바이브 코딩은 빠른 프로토타이핑과 요구사항 탐색 단계에서 강력한 장점을 보여줍니다. 하지만 동시에 몇 가지 문제점이 드러났습니다.일관성 부족: AI 코드가 장황하고, 스타일·아키텍처 가이드라인을 따르지 않는 경우가 많음팀 차원의 혼란: 대규모 팀에서 제각각 vibe coding을 하면 온보딩, 통합, 유지.. 이전 1 2 3 4 5 6 ··· 39 다음