프도

시스템의 상태를 파악하는 '관측 가능성(Observability)'에는 여러 측면이 있습니다. Sentry는 그 중에서도 '에러 트래킹'과 ‘성능 모니터링'에 특화된, 마치 의사가 사용하는 현미경과도 같은 도구입니다.Sentry의 핵심 기능:실시간 에러 포착: 프론트엔드(JavaScript 에러)와 백엔드(Exception)에서 발생하는 모든 에러를 발생 즉시, 실시간으로 수집합니다.상세한 컨텍스트 제공: 에러가 발생했을 당시의 스택 트레이스(어떤 함수 호출 순서에서 문제가 생겼는지), 사용자 정보, 브라우저 버전, 요청 데이터 등 버그를 해결하는 데 필요한 모든 '단서'를 함께 기록합니다.성능 병목 감지: API 응답이 느려지거나, 웹페이지 로딩이 오래 걸리는 등의 성능 문제(bottleneck)를 식..

Agent Teams: AI끼리 팀을 짜서 일한다고?2026년 2월, Agent Teams(에이전트 팀) 기능이 실험적으로 출시되었습니다. 이건 서브에이전트의 상위 진화입니다.작동 방식:하나의 Claude 세션이 팀 리더 역할을 맡습니다팀 리더가 작업을 분석하고 팀원 에이전트를 생성합니다팀원들은 공유 태스크 리스트와 메일박스 시스템으로 소통합니다각 팀원은 독립적으로 작업하되, 필요하면 동료에게 직접 메시지를 보냅니다 Agent Teams 활성화 방법현재 실험적 기능이므로 수동으로 활성화해야 합니다. settings.json에 다음을 추가하세요공식 메뉴얼https://code.claude.com/docs/ko/agent-teams Claude Code 세션 팀 조율하기 - Claude Code Docs공유..

Agent Teams: AI끼리 팀을 짜서 일한다고?2026년 2월, Agent Teams(에이전트 팀) 기능이 실험적으로 출시되었습니다. 이건 서브에이전트의 상위 진화입니다.작동 방식:하나의 Claude 세션이 팀 리더 역할을 맡습니다팀 리더가 작업을 분석하고 팀원 에이전트를 생성합니다팀원들은 공유 태스크 리스트와 메일박스 시스템으로 소통합니다각 팀원은 독립적으로 작업하되, 필요하면 동료에게 직접 메시지를 보냅니다 Agent Teams 활성화 방법현재 실험적 기능이므로 수동으로 활성화해야 합니다. settings.json에 다음을 추가하세요공식 메뉴얼https://code.claude.com/docs/ko/agent-teams Claude Code 세션 팀 조율하기 - Claude Code Docs공유..

구글 애널리틱스 자격증이란 웹사이트를 분석해주는 도구입니다. GA4자격증 등 여러 이름으로 불리지만 정식 명칭은 GAC(Google Analytice Certification)입니다.특정 페이지에 유입되는 사용자들 데이터를 분석해 통계를 내주고 인사이트를 도출할 수 있는 도구입니다.자격증 취득 목적은 배포한 운영하고 있는 사이트를 어떤 이유로 방문하는지 등 여러 분석 결과를 확인할 수 있습니다.난이도도 매우 낮고 실무에서도 활용되니 취득해도 좋겠죠?일단 사이트는https://skillshop.withgoogle.com/ SkillshopMaster the Google tools you use at work with online training Develop skills you can apply right..

백엔드부분도 해서 풀스택개발자로 거듭나기 위해 작은 todo_app을 만들려고합니다.백엔드도구는 MariaDB, HeidiSQL로 사용합니다 천천히 진행해보겠습니다.CREATE DATABASE todo_app 데이터베이스를 생섭합니다 그리고 생성한 다음에todo_app데이터베이스에다 todos, users 테이블을 만들어줍니다.새로운 백엔드 프로젝트 폴더를 만들어줘서 터미널로 npm init -y 초기화시켜줍니다.그리거 prisma 라이브러리 설치 진행해줍니다.npm install express mysql2 prisma npm install -D typescript ts-node @types/nodenpx prisma init 초기화까지 진행해줍니다..env파일만들고 이렇게 변경:root = 사용자명..

간단하게 제가 만들고있는 프로젝트에 대한 수정사항을 프롬프트 입력하는 방식으로 보여드리겠습니다. 현재 관리자 로그인페이지인데 보라색선있는 부분이 사이드바 그리고 헤더컴포넌트 필요없을 것 같습니다.이러한 부분 UI를 클로드 코드 프롬프트입력으로 수정해보겠습니다.이렇게 먼저 파일 위치 주소를 프롬프트 입력란에 불러옵니다 그리고 수정할부분을 따로 수정사항으로 해놓고 입력을 하고저는 먼저 plan mode로 해줍니다.여기서 저는 1번인 bypass permissions 으로 해주겠습니다 보통 문제없으면 1번이고 수정사항이 더 필요한 경우는 4번에서 추가적으로 하시면 되겠습니다.이렇게 수정완료가 되었고 playwirght까지 다 해줍니다이렇게 깔끔하게 사이드바, 헤더부분 수정이 완료되었네요 ㅎㅎ

https://cc101.axwith.com/ko CC101 — Claude Code 한국어 입문 가이드Claude Code 설치부터 CLAUDE.md, MCP, Skills, Hooks까지 — 공식 문서 기반으로 쉽게 정리한 한국어 입문 가이드cc101.axwith.com한국어판으로 Claude Code 한국어로 가이드 사이트가 있습니다.여기서 공부하기 좋을것 같아요 MCP, Hooks, Skills, Sub-agents등 쓰는 방법까지 다 나와있네요 부족한부분 필요한 부분 참고해서 확인하면 될 것 같습니다!

https://code.claude.com/docs/ko/sub-agents 사용자 정의 subagent 만들기 - Claude Code DocsClaude Code에서 작업별 워크플로우 및 향상된 컨텍스트 관리를 위한 특화된 AI subagent를 만들고 사용합니다.code.claude.comSubagent는 특정 유형의 작업을 처리하는 특화된 AI 어시스턴트입니다. 각 subagent는 자체 컨텍스트 윈도우에서 실행되며 사용자 정의 시스템 프롬프트, 특정 도구 액세스 및 독립적인 권한을 가집니다. Claude가 subagent의 설명과 일치하는 작업을 만나면 해당 subagent에 위임하고, subagent는 독립적으로 작동하여 결과를 반환합니다.Claude Code로 작업을 하다보면 대화가 길어질수..

현업에서 협업을 하다보면 코드 리뷰를 진행을 하는데 보통 가장 많이 하는게 깃헙 Pull requests에서 할것입니다.근데 여기서 문제점은 사람이 직접 하나 하나 작업을 확인하는데있다 여기서 리뷰를 하는데 시간이 걸린다는것이다올바르게 작성이 되어 있는지 에러가 없는지 결함이 없는지 등등 이러면 개발속도를 저하시키는 병목현상이기도 합니다.사람마다 코드 변경 사이즈도 엄청크다보면 다른 코드리뷰가 늦어진다 그래서 몇시간 또는 며칠동안 작업이 멈추는 경우도 있다그래서 GitHub Actions를 활용하여, 바로 그 'AI 코드 리뷰 자동화 시스템'을 구축하는 방법을 배워보겠습니다.먼저 깃헙 레포지토리를 생성합니다.클로드에서 /install-github-app 이라는 명령어를 입력합니다.그럼 화면이 뜨게됩니다...

Playwright MCP는 LLM이 자연어 명령으로 실제 브라우저를 제어할 수 있게 해주는 도구이다.스크린샷 대신 접근성 트리를 사용하여 빠르고 정확한 웹 자동화를 구현한다.개발자라면 누구나 이런 불안감과 딜레마를 겪습니다. End-to-End(E2E) 테스트는 제품의 품질을 보장하는 가장 확실한 방법이지만, 작성하고 유지보수하는 데 너무나 많은 시간과 노력이 필요하기 때문이죠.E2E Test는 애플리케이션이 예상대로 동작하는지 확인하는 테스트를 말한다. 사용자 사용 시나리오을 시뮬레이션하며 제품의 동작을 테스트 하는 것! 이 작업을 AI가 대신 해줄 수 없을까? 라는 생각을 해본 적이 있다면 Playwright MCP가 바로 그답이 될 수 있다. Playwright MCP는 AI가 실제 브라우저를 직..