↻ 2026-10-02 업데이트 AI 에이전트가 받는 스냅샷 설명을 바로잡았습니다. 처음 실은 스냅샷은 테스트에서 쓰는 Playwright 기본 aria 스냅샷이었는데, Playwright MCP가 모델에게 건네는 건 mode: 'ai'로 찍은 스냅샷이라 모양이 다릅니다. 다시 찍어 보니 div 버튼도 이름 없는 generic으로 남아 번호(ref)로 누를 수 있었어요. 실습 저장소가 쓰던 1.61에서도 같았으니, 버전이 바뀐 게 아니라 처음부터 잘못 짚은 것입니다. 그래서 "스크린 리더 사용자가 못 쓰는 화면은 AI 에이전트도 못 쓴다"는 단정을 거두고, 에이전트 도구마다 받는 트리가 다르다는 내용으로 고쳤습니다. role과 이름을 챙기라는 결론은 그대로예요. 「프론트엔드 테스트 제대로 하기」 시리즈의 20편입니다. 전체 목차 보기 · 용어집 ...
「프론트엔드 테스트 제대로 하기」 시리즈의 17편입니다. 전체 목차 보기 · 용어집 테스트는 '로컬에서 가끔 돌리는 것'일 때는 힘이 없습니다. PR마다 자동으로 도는 관문이 될 때 비로소 팀을 지키죠. 이 글은 GitHub Actions로 그 관문 — 단위 테스트·E2E·접근성 검사가 통과해야만 코드가 합쳐지는 머지 게이트 — 를 워크플로우 파일 하나로 세우는 방법입니다. CI가 처음이어도 됩니다. 용어부터 3분 정리하고 시작해요. ...
「프론트엔드 테스트 제대로 하기」 시리즈의 11편입니다. 전체 목차 보기 · 용어집 Playwright는 진짜 브라우저(크로미움·파이어폭스·웹킷)를 코드로 조종하는 E2E 테스트 도구입니다. E2E(End-to-End)는 이름 그대로 끝에서 끝까지 — 사용자가 접속해서 검색하고 결과를 보는 흐름 전체를 실제 브라우저에서 재현하는 테스트고요. 이 글에서 설치부터 첫 시나리오 통과까지 한 번에 갑니다. ...
들어가며 정적 블로그를 운영하다 보면 “예약 발행”과 “빌드 제한”이 동시에 문제가 됩니다. 특히 매번 빌드하는 방식은 Cloudflare Pages 같은 플랫폼에서 빌드 제한에 쉽게 걸릴 수 있어요. ...