전체 글(57)
-
AI 코딩 에이전트 비용 관리: Copilot·Claude Code·Codex를 팀에서 쓸 때 정해야 할 기준
AI 코딩 도구는 이제 자동완성 수준을 넘어섰습니다. Copilot Agent Mode, Claude Code, Codex 같은 도구는 저장소를 읽고, 변경 계획을 세우고, 여러 파일을 수정하고, 테스트를 실행하고, 때로는 pull request까지 만드는 방식으로 발전하고 있습니다. 개인이 쓰면 “생산성이 좋아졌다”로 끝날 수 있지만, 팀에서 쓰기 시작하면 이야기가 달라집니다.팀 도입의 핵심 질문은 단순히 “어떤 도구가 코드를 더 잘 짜나”가 아닙니다. 비용은 어떻게 통제할지, 어떤 저장소에 접근하게 할지, 생성된 코드를 누가 검토할지, 보안상 허용되는 작업 범위는 어디까지인지 정해야 합니다. 특히 일부 도구는 고급 모델이나 에이전트 기능을 사용할 때 premium request, usage quota..
2026.06.10 -
클라우드 AI 코딩 에이전트 비교: Codex와 Copilot 도입 전 실무 체크리스트
AI 코딩 도구를 처음 쓸 때는 에디터 안 자동완성이 가장 먼저 눈에 들어옵니다. 한 줄을 완성해주고, 함수 초안을 만들고, 테스트 코드를 제안해주는 방식입니다. 그런데 최근의 흐름은 조금 더 멀리 가고 있습니다. 이제 AI 코딩 에이전트는 로컬 에디터 안에서만 움직이지 않습니다. 별도 클라우드 환경에서 저장소를 읽고, 이슈를 분석하고, 브랜치를 만들고, pull request까지 제안하는 방향으로 발전하고 있습니다.OpenAI Codex cloud나 GitHub Copilot cloud agent 같은 도구가 대표적입니다. 개발자는 작은 작업을 맡기고 다른 일을 할 수 있습니다. 잘 맞는 작업에서는 생산성이 확실히 올라갑니다. 하지만 바로 팀의 주요 저장소에 붙이기에는 생각할 것이 많습니다. 권한, 테..
2026.06.10 -
React Compiler 도입 전 체크리스트: useMemo와 useCallback을 지우기 전에 볼 것들
React 프로젝트에서 성능 최적화를 하다 보면 useMemo, useCallback, React.memo가 자연스럽게 늘어납니다. 처음에는 느린 계산을 줄이기 위한 선택이었는데, 어느 순간부터는 “혹시 모르니 감싸두자”에 가까운 코드가 됩니다. 리뷰에서도 실제 병목보다 dependency array가 맞는지, 콜백 참조가 바뀌는지 같은 이야기로 시간이 많이 쓰입니다.React Compiler는 이 흐름을 바꿀 수 있는 도구입니다. React가 컴포넌트와 훅의 코드를 분석해 안전하다고 판단되는 부분을 자동으로 메모이제이션해 주기 때문입니다. 공식 문서에서도 React Compiler는 수동 useMemo, useCallback, React.memo 사용을 줄이는 방향의 자동 최적화 도구로 설명됩니다.하지..
2026.06.02 -
원격 MCP 서버 보안 체크리스트: OAuth 2.1 권한 설계를 실무 기준으로 보기
MCP(Model Context Protocol)를 처음 접할 때는 보통 로컬 개발 환경에서 시작합니다. AI 에이전트가 파일을 읽고, GitHub 이슈를 보고, 사내 문서를 검색하고, 테스트를 실행하는 식입니다. 이 단계에서는 “어떤 도구를 제공할 것인가”가 가장 먼저 보입니다.하지만 MCP 서버가 로컬을 넘어 원격 서비스가 되는 순간 질문이 바뀝니다. 이제 중요한 것은 도구 목록만이 아닙니다. 누가 이 서버에 접근할 수 있는지, 어떤 사용자의 권한으로 실행되는지, 토큰이 어디까지 허용되는지, AI 에이전트가 실수했을 때 어디서 멈출 수 있는지가 더 중요해집니다.특히 HTTP 기반 원격 MCP 서버를 운영한다면 인증과 권한 부여를 단순 API Key 수준으로 생각하기 어렵습니다. MCP 공식 Autho..
2026.06.02 -
AI가 만든 프론트엔드 코드를 리뷰할 때 보는 기준
AI 코딩 도구는 프론트엔드 개발에서 꽤 강력합니다. React 컴포넌트를 만들고, TypeScript 타입을 붙이고, CSS를 작성하고, 테스트 초안까지 만들어 줍니다. 특히 반복적인 UI 작업이나 기존 패턴을 따라가는 작업에서는 생산성이 확실히 좋아집니다.하지만 AI가 만든 코드를 그대로 머지해도 되는지는 다른 문제입니다. 겉으로는 동작하는 것처럼 보여도 요구사항을 일부 놓치거나, 상태 관리를 복잡하게 만들거나, 접근성과 테스트가 빠져 있는 경우가 많습니다.이번 글에서는 AI가 만든 프론트엔드 코드를 리뷰할 때 확인하면 좋은 기준을 정리해보겠습니다. React와 TypeScript 프로젝트를 기준으로 설명하지만, Vue나 다른 프레임워크에서도 대부분 비슷하게 적용할 수 있습니다.1. 요구사항을 제대로..
2026.05.28 -
Agents.md로 AI 코딩 도구에게 팀 컨벤션 알려주기
AI 코딩 도구를 쓰다 보면 처음에는 꽤 놀랍습니다. 요구사항을 말하면 컴포넌트도 만들고, 테스트도 작성하고, 리팩터링 방향도 제안합니다. 그런데 실무 프로젝트에 조금만 깊게 들어가면 곧 이런 문제가 생깁니다.우리 팀의 폴더 구조를 자꾸 무시한다.테스트 실행 방법을 매번 다시 알려줘야 한다.사용하지 않는 라이브러리나 패턴을 제안한다.작은 수정인데도 너무 넓은 범위를 바꾼다.PR에서 리뷰어가 싫어하는 스타일을 반복한다.이 문제는 AI 성능만의 문제가 아닙니다. AI에게 프로젝트의 기준과 맥락을 전달하는 방식이 아직 정리되지 않았기 때문에 생기는 문제에 가깝습니다. 최근 글에서 다룬 Spec-Driven Development가 “무엇을 만들지”를 명확히 하는 접근이라면, Agents.md는 “이 프로젝트에서..
2026.05.28