본문 바로가기

전체 글289

루프 엔지니어링 실전: Playwright 스모크 테스트로 AI가 수정한 코드 검증하기 루프 엔지니어링은 목표를 정하고, 에이전트가 실행한 결과를 증거로 확인한 뒤, 통과 조건을 만족할 때까지 수정과 검증을 반복하도록 시스템을 설계하는 방식이다. 이 글에서는 Playwright로 AI 코드 수정의 실패 증거를 수집하고 같은 조건으로 재검증하는 과정을 다룬다. 아래 예시는 특정 AI 에이전트 API까지 연결한 완제품이 아니라, 도구에 종속되지 않는 검증 하네스와 작업 인계 형식이다. AI 호출·재시도·상태 저장을 CI나 에이전트 실행기에 연결하면 자동 루프로 확장할 수 있다. AI 스모크 작업 보드 예시 1은 SaaS의 로그인 → .. 2026. 7. 27.
비밀번호 맞는데 로그인이 안 된다? - 쉽게 찾기 힘든 원인 비밀번호 맞는데 로그인이 안 된다?이런 상황인가요?"어제까지 잘 됐는데, 오늘 갑자기 로그인이 안 된다.""비밀번호 분명히 맞게 입력했는데 계속 실패한다.""비밀번호를 재설정했는데, 새 비밀번호로도 안 된다.""다른 브라우저에서는 되는데, 크롬에서만 안 된다.""비밀번호 입력칸을 클릭하면 자동으로 뭔가 채워지는데, 그게 옛날 비밀번호인 것 같다."이 중 하나라도 해당된다면, 당신의 비밀번호가 틀린 게 아닙니다.브라우저가 옛날 비밀번호를 몰래 넣고 있는 겁니다.그리고 만약 당신이 이 서비스를 만든 개발자라면, 이건 사용자 잘못이 아니라 코드에 빠진 한 줄 때문입니다.발생 시나리오크롬(Chrome), 사파리(Safari), 엣지(Edge) 같은 브라우저에는 비밀번호 관리자가 내장되어 있다.로그인하면 "비밀번.. 2026. 4. 10.
[Claude Code] 터미널에서 사용량 확인하는법 (Laoding에서 멈출 때) 클로드 코드 터미널에서 토큰 사용량 확인 법/status 입력tab으로 Usage까지로 이동 Laoding usage data...에서 멈춘다면? 새 터미널 열어서 확인하면 바로 나옵니다. 2026. 2. 26.
Claude Skills 을 활용한 Codex 코드 리뷰 Claude Code Skills + Codex CLI 목적 : AI 코드 리뷰 자동화, 토큰 효율 극대화 Claude Skills Agent Skills - Claude DocsCreate, manage, and share Skills to extend Claude's capabilities in Claude Code.docs.claude.com 왜 Skill를 사용했나?문제 상황개발자: "이 커밋 리뷰 좀 해줘"Claude: *수백 줄 파일 읽기* → *분석* → *제안*결과: 수만 토큰 소비, 긴 대기 시간 해결 방법개발자: "코덱스로 리뷰해줘"Claude: *Codex CLI 실행* → *백그라운드 대기*Codex: *독립적으로 분석* → *결과만 전달*결과: 수백 토큰만 소비, 병렬 작업 가.. 2025. 10. 25.
선택과 책임의 연속인 개발 생활 : 소프트웨어 개발 원칙들 : 하나의 프로젝트가 하나의 회사가 되기까지 최근 참여한 프로젝트에서 현재 상황에 어떤 개발 방식이 나은지 Claude와 대화했습니다.그 답변 중에 "YAGNI 원칙"이라는 게 나왔는데, 처음 보는 용어여서 "YAGNI 원칙"에 대해 알아봤습니다.YAGNI(You Aren't Gonna Need It) — "지금 필요하지 않은 기능은 미리 구현하지 말라"는 원칙. 이 원칙이 개발생활에 줄곧 들어온 "재활용성과 확장성을 고려한 %*#@*%_"과 모순되는 게 아닌지라는 생각이 들더라고요. 문득 머릿속에 떠오른 건 3년 전 경험이었습니다.# 소프트웨어 개발 원칙들1. YAGNI (You Aren't Gonna Need It)의미: 지금 필요하지 않은 기능은 미리 구현하지 말라목표: 미래의 필요에 대한 예측보.. 2025. 8. 9.
CSS 문법 뒤엔 자료구조가 있다 : 브라우저가 CSS를 해석하는 방식 CSS를 작성하다 보면 마치 "키-값" 쌍으로 데이터를 어딘가에 넘겨주는 듯한 느낌이 든다.payload를 post에 태워보내 듯.정말 CSS는 그런 식으로 동작하는 걸까?브라우저는 이 선언형 언어를 어떻게 해석하고, 어떤 흐름으로 사용자 화면에 렌더링하는 건지 궁금해졌다.1. CSS는 선언형이자 "맵" 기반 구조CSS는 기본적으로 속성: 값 형태의 선언적 문법을 갖고 있다이는 내부적으로도 마치 자바스크립트 객체나 JSON처럼 "맵(Map) 구조"로 처리된다 .box { color: red; font-size: 16px;} → 내부 구조는 다음처럼 해석된다{ "color": "red", "font-size": "16px"} 2. CSS는 어떻게 브라우저에.. 2025. 7. 26.
[Cursor]현재 작업 중인 파일 위치에 포커스 주는 법 📍Cursor (VS Code)에서 현재 작업 파일(탭)을 왼쪽 사이드 바(파일리스트)에서 선택 상태로 설정하는 법[IntelliJ] 현재 작업 중인 파일 위치에 포커스 주는 법(webstorm, phpstorm 등)지난 인텔리제이 세팅에 이어 이번엔 다른 팀원분이 "현재 작업 파일을 왼쪽에서 선택되어 보이게 하고 싶은데 안된다"는 문의가 있어서 찾아봤습니다.IDE는 초기에 세팅하면 그상태로 쭉 쓰게 되니, 새로운 IDE를 설치하고 사용할 때 기존의 세팅값과 다른 경우가 꽤 있는 듯합니다. Cursor도 결국 VScode 기반이라 세팅도 VScode처럼 해주면 되는데요. 1. VS Code 상단 메뉴 → Preferences → VS Code Settings(단축키: ⌘, 또는 Ctrl+,) 2.. 2025. 7. 12.

티스토리툴바