홈시리즈멘토링

© 2026 정기창. All rights reserved.

본 블로그의 콘텐츠는 CC BY-NC-SA 4.0 라이선스를 따릅니다.

☕후원하기소개JSON Formatter러닝 대기질개인정보처리방침이용약관

© 2026 정기창. All rights reserved.

콘텐츠: CC BY-NC-SA 4.0

☕후원하기
소개|JSON Formatter|러닝 대기질|개인정보처리방침|이용약관

Playwright E2E 테스트: 프론트엔드와 백엔드를 동시에 검증하는 실전 가이드

정기창·2026년 1월 23일
PlaywrightE2E 테스트테스트 자동화프론트엔드백엔드Cypress

관련 글

같은 Chromium 엔진, 다른 자동화 — Playwright / MCP / 브라우저 확장 해부

헤드리스 Playwright, Playwright MCP, Claude-in-Chrome 확장이 모두 같은 Chromium 엔진을 쓰는데 왜 쓰임새가 다른지, 레이어와 쿠키 수명 주기 관점에서 정리했습니다.

관련도 89%

Playwright MCP 로 크롬 익스텐션 popup UI 평가하기

Playwright MCP 는 chrome-extension:// 컨텍스트에 직접 붙지 못합니다. chrome.* API 와 fetch 를 mock 해 익스텐션 popup 을 평범한 정적 페이지로 분장시키고, AI UI/UX 평가 하네스에 입력한 과정을 정리했습니다.

관련도 89%

Prettier + husky + lint-staged로 팀 코드 스타일 자동화하기

코드 스타일 논쟁을 없애고 git commit 시 자동으로 포매팅되는 환경을 구축한 경험. Prettier 설정부터 husky + lint-staged 연동, git-blame-ignore-revs까지 실제 적용 과정을 정리했습니다.

관련도 84%