Hyo814`s Blog https://hyo814-blog.vercel.app/blog 풀스택 개발자 임효진의 기술 블로그 — 프로젝트 회고, 프런트엔드·백엔드 학습 기록을 정리합니다. ko ggamjge8888@naver.com (Hyo814) ggamjge8888@naver.com (Hyo814) Mon, 20 Jul 2026 00:00:00 GMT https://hyo814-blog.vercel.app/blog/playwright-메뉴-136종-qa-스윕 기능목록 엑셀을 테스트로 돌렸다 — 메뉴 136종 QA 스윕 https://hyo814-blog.vercel.app/blog/playwright-메뉴-136종-qa-스윕 납품 문서의 기능목록 엑셀을 JSON으로 뽑아 메뉴 136종을 전부 열어보는 Playwright 스윕을 만들었습니다. 설정을 용도별 3종으로 나눈 이유, SQLite 때문에 워커를 1로 고정한 이유, 그리고 확인 못 한 항목을 스킵으로 남겨둔 게 옳은 선택이었는지까지 적었습니다. Mon, 20 Jul 2026 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트테스트 https://hyo814-blog.vercel.app/blog/storybook-study Storybook 스터디 — 강의 정리와 정직한 결산 https://hyo814-blog.vercel.app/blog/storybook-study 인프런 "실무에 바로 적용하는 스토리북과 UI 테스트"를 듣고 meta/story 문법, Atomic 컴포넌트 조합, Decorator, 네 가지 UI 테스트를 정리했습니다. 강의 자료에서 발견한 구식 API와 안 도는 코드도 함께 적어 두었고, 마지막에는 이걸 다 배우고도 내 프로젝트에는 Storybook을 도입하지 않은 이유를 정리했습니다. Mon, 20 Jan 2025 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트테스트 https://hyo814-blog.vercel.app/blog/더미-데이터로-커뮤니티-체감-검증하기 더미 데이터로 커뮤니티 체감 검증하기 — 카테고리·작성자 분산 회고 https://hyo814-blog.vercel.app/blog/더미-데이터로-커뮤니티-체감-검증하기 포트폴리오용 커뮤니티 서비스에서 "비어 보이지 않게, 가짜 같지 않게" 더미 데이터를 만든 과정을 정리합니다. 페이지네이션 검증과 작성자 분산이 핵심이었습니다. Thu, 09 Apr 2026 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트테스트 https://hyo814-blog.vercel.app/blog/실무에-바로-적용하는-프런트엔드-테스트-1부 실무에 바로 적용하는 프런트엔드 테스트 1부 — 강의 정리와 실무 결산 https://hyo814-blog.vercel.app/blog/실무에-바로-적용하는-프런트엔드-테스트-1부 Vitest와 Testing Library로 단위 테스트부터 통합 테스트까지 다루는 강의를 들으며 정리한 내용을, 챕터 나열 대신 주제별 핵심으로 압축했습니다. 뒤이어 이 중 어떤 개념이 실제 프로젝트(Jest 테스트 복구, Playwright QA 스윕)에서 살아남았고 어떤 개념은 유지되지 못했는지 정직하게 결산했습니다. 강의 예제 자체에서 발견한 낡은 API와 깨지기 쉬운 코드도 함께 짚었습니다. Mon, 13 Jan 2025 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트테스트 https://hyo814-blog.vercel.app/blog/실무에-바로-적용하는-프런트엔드-테스트-2부 실무에 바로 적용하는 프런트엔드 테스트 2부 — 강의 정리와 실무 결산 https://hyo814-blog.vercel.app/blog/실무에-바로-적용하는-프런트엔드-테스트-2부 TDD, 스냅샷 테스트, 스토리북 기반 시각적 회귀 테스트, Cypress E2E, 테스트 더블까지 2부에서 다룬 내용을 주제별로 압축했습니다. 그리고 1년 반이 지난 지금, 이 중 실제로 실무와 사이드 프로젝트에 남은 것은 무엇이고 끝내 쓰지 못한 것은 무엇인지 정직하게 결산했습니다. Fri, 17 Jan 2025 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트테스트 https://hyo814-blog.vercel.app/blog/페이지-자동-캡쳐-스크립트-만들기 디자인 회귀를 잡으려고 페이지 자동 캡쳐 스크립트를 만들었다 https://hyo814-blog.vercel.app/blog/페이지-자동-캡쳐-스크립트-만들기 Tailwind 메이저 업그레이드를 앞두고 시각 회귀를 잡기 위해 Playwright 기반 페이지 캡쳐 스크립트를 만든 경위와, 그 과정에서 만난 작은 어려움들을 정리합니다. Thu, 14 May 2026 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트테스트