프도

과거에는 백엔드 배포 따로, 프론트엔드 배포 따로, 복잡하고 실수하기 쉬운 과정들을 여러 번 거쳐야 했습니다. 하지만 AI 네이티브 개발자는 그렇게 일하지 않습니다. git push origin main 이라는 단 하나의 명령어를 우리 서비스가 세상으로 나가는 '단 하나의 관문'으로 만들 것입니다. GitHub Actions를 활용하여, 이 관문을 통과하는 모든 코드를 자동으로 검증하고, 백엔드(Spring Boot)는 AWS에, 프론트엔드(Next.js)는 AWS에 각각 최적화된 방식으로 동시에 배포하는, 완전 자동화된 Full Stack CI/CD 파이프라인을 구축할 것입니다.CI/CD 파이프라인을 구축하기 전에, 코드가 배포될 AWS 클라우드 환경 자체를 코드로 만들어야 합니다. 우리는 IaC(In..

AI는 이미 인프라를 다루고 있다 (Kubernetes와 Bash)여러분이 사용하는 개발 환경에서 **Kubernetes(k8s)**와 같은 시스템을 쓰고 있다면, 여러분은 이미 인프라 영역과 가까이에 있습니다.클라우드 환경의 대부분은 Bash(배시)와 같은 명령어로 제어됩니다. AI는 코드를 작성하는 것만큼이나, 이러한 명령어 기반의 시스템과 상호작용하는 일에 압도적으로 빠르고 능숙합니다. 따라서 AI를 활용하여 인프라를 다루는 것은 이제 시간 문제입니다.AI의 도움을 받아 우리 같은 애플리케이션 개발자가 직접 인프라를 설계하고, 코드로 관리하며, 자동화하는 'AI DevOps'의 시대를 열어볼 것입니다. 그 전에 도커가 뭔데?도커는 “소프트웨어 환경의 일관성 문제”를 해결하기 위해 등장했습니다. 과..

IaC(Infrastructure as Code)에 대해 알아야 합니다.IaC란 무엇인가? AWS 콘솔에 접속해서 마우스로 클릭하며 서버를 만드는 대신,Terraform과 같은 도구를 사용하여 "우리가 원하는 인프라의 최종 상태"를 코드로 명시하는 방식입니다. AWS 설정을 직접 하다 보면 시간이 너무 오래 걸리고, 실수할 확률이 높습니다.서브넷을 잘못 선택했네, 이거 보안 그룹이 왜 안 열려 있지?, RDS 연결이 안 되는데…?, 어? 방금 설정한 거 어디 갔지?버튼을 하나 잘못 누르면 모든 설정이 꼬이고, 어디서 잘못됐는지 찾느라 시간만 날립니다.그래서 많은 사람들이 AWS 설정에서 지쳐서 포기하는 경우가 많습니다.AWS 설정을 쉽게 하기 위해서 클릭해서 설정하는 게 아니라, 코드로 정의하도록 만들었..

시스템의 상태를 파악하는 '관측 가능성(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등 쓰는 방법까지 다 나와있네요 부족한부분 필요한 부분 참고해서 확인하면 될 것 같습니다!