본문으로 바로가기
Playwright × AI — codegen·MCP·자가치유 셀렉터 썸네일

Playwright × AI — codegen·MCP·자가치유 셀렉터

「프론트엔드 테스트 제대로 하기」 시리즈의 20편입니다. 전체 목차 보기 · 용어집 AI가 테스트 코드를 ‘짜주는’ 것까지는 이제 익숙하죠. 그런데 요즘은 한 걸음 더 나갑니다 — AI가 브라우저를 직접 열고, 클릭하고, 잘 되는지 확인하기 시작했어요. ...

글 작성일: 2026-08-06 · 글 읽기 시간: 16 분 · 글 단어 수: 7576 단어 · 글쓴이: Isaac
GitHub Actions로 테스트·접근성 게이트 만들기 썸네일

GitHub Actions로 테스트·접근성 게이트 만들기

「프론트엔드 테스트 제대로 하기」 시리즈의 17편입니다. 전체 목차 보기 · 용어집 테스트는 ‘로컬에서 가끔 돌리는 것’일 때는 힘이 없습니다. PR마다 자동으로 도는 관문이 될 때 비로소 팀을 지키죠. 이 글은 GitHub Actions로 그 관문 — 단위 테스트·E2E·접근성 검사가 통과해야만 코드가 합쳐지는 머지 게이트 — 를 워크플로우 파일 하나로 세우는 방법입니다. CI가 처음이어도 됩니다. 용어부터 3분 정리하고 시작해요. ...

글 작성일: 2026-08-03 · 글 읽기 시간: 7 분 · 글 단어 수: 3010 단어 · 글쓴이: Isaac
Playwright E2E 입문 — 첫 시나리오 썸네일

Playwright E2E 입문 — 첫 시나리오

「프론트엔드 테스트 제대로 하기」 시리즈의 11편입니다. 전체 목차 보기 · 용어집 Playwright는 진짜 브라우저(크로미움·파이어폭스·웹킷)를 코드로 조종하는 E2E 테스트 도구입니다. E2E(End-to-End)는 이름 그대로 끝에서 끝까지 — 사용자가 접속해서 검색하고 결과를 보는 흐름 전체를 실제 브라우저에서 재현하는 테스트고요. 이 글에서 설치부터 첫 시나리오 통과까지 한 번에 갑니다. ...

글 작성일: 2026-07-18 · 글 읽기 시간: 9 분 · 글 단어 수: 4106 단어 · 글쓴이: Isaac
GitHub Actions로 3시간마다 예약 발행 체크하기 썸네일

GitHub Actions로 3시간마다 예약 발행 체크하기

들어가며 정적 블로그를 운영하다 보면 “예약 발행”과 “빌드 제한”이 동시에 문제가 됩니다. 특히 매번 빌드하는 방식은 Cloudflare Pages 같은 플랫폼에서 빌드 제한에 쉽게 걸릴 수 있어요. ...

맨 위로