PERSONAL QA / 2026.06 & 2026.10

확인한 동작을,
다시 검사할 수 있도록.

웹사이트 수동·정적 검토와 Playwright 회귀 테스트

01 / CONTEXT

개인 웹사이트를 검증 대상으로

개인 웹사이트의 기능, 링크, 화면 표시, 기본 접근성 구조와 콘텐츠 일관성을 검토했습니다. 수동 확인과 코드 검토의 범위를 기록하고, 주요 영역을 반복 확인할 수 있는 기본 회귀 테스트를 작성·실행했습니다.

02 / SCOPE

무엇을 확인했는가

수동·정적 검토
주요 콘텐츠와 링크 구성, 반응형 CSS, 테마·메뉴 처리, 제목과 접근성 속성 등을 검토했습니다. 코드 구조 확인과 실제 브라우저 확인은 보고서에서 구분했습니다.
회귀 자동화
내비게이션·본문·주요 제목의 표시, 프로젝트 링크 속성, 연락 링크 표시, 좁은 뷰포트에서 주요 영역 표시를 확인합니다.
실행 구성
Playwright를 사용하고 Chromium·Firefox·WebKit 실행 구성을 두었습니다. 코드에는 390×844 뷰포트 확인이 포함돼 있습니다.

03 / HISTORICAL RECORD

2026년 6월 테스트 기록

2026.06.18

12개 테스트 통과 기록

2026년 6월 회귀 프로젝트의 실행 기록입니다.

04 / RECENT REVIEW

2026.10 · 웹사이트 개편 검토

현재 직무와 개인 연구의 진행 상태가 정확히 읽히도록 요구사항을 정하고, 화면·문구·사용자 흐름을 직접 검토해 피드백했습니다. 구현과 자동 검사에는 AI의 지원을 사용했습니다.

직접 검토
경력과 개인 연구의 구분, 평가 사례의 맥락, 한국어 문장과 정보 순서를 확인하고 수정 방향을 제시했습니다.
AI 지원
HTML·CSS·JavaScript와 Node.js 기반의 정적 페이지 구현, 반응형·링크·키보드 동작에 대한 회귀 검사와 수정에 AI의 도움을 사용했습니다.
기록 구분
2026년 6월 회귀 기록과 현재 개편의 검토 내용을 나누어 관리했습니다.

05 / LIMITS

검사 범위와 추가 점검

  • 링크 속성과 탐색 동작을 자동 검사합니다. 외부 목적지 응답은 별도 점검 항목입니다.
  • 좁은 화면의 주요 영역 표시를 확인했습니다. 실기기 사용성은 추가 점검 항목입니다.
  • 제목과 접근성 속성을 점검했습니다. 스크린리더와 전체 접근성 적합성은 추가 검토 범위입니다.

요구사항을 검사 항목으로 정리하고, 재현 절차와 회귀 기록을 함께 관리했습니다.