화면 검사와 수정
Impeccable로 기존 화면을 검사하고 다듬습니다
같은 기준 화면에서 자동 검사, polish 수정, audit 기록을 차례로 실행합니다.
- 01 여기서 쓰는 핵심 용어
- 02 결과로 확인하는 완료 항목
- 03 필요할 때 이어서 볼 자료
01 · 핵심 내용
여기서 쓰는 핵심 용어
여기서 필요한 뜻을 용어집에서 가져와 먼저 보여 줍니다.
Impeccable
AI 코딩 도구가 화면을 만들고 점검할 때 읽는 디자인 지침과 검사 도구 묶음입니다.
기존 화면의 상투적 패턴과 구현 문제를 찾고 다듬을 때 사용합니다.
detector
코드에서 정해진 문제 모양을 자동으로 찾는 검사기입니다.
글꼴, 애니메이션, 간격처럼 규칙으로 찾을 수 있는 항목을 확인합니다.
polish
기존 내용과 방향을 유지하면서 출시 전 완성도를 높이는 다듬기 명령입니다.
검사 결과와 실제 화면을 함께 보고 가장 좁은 범위에서 고칩니다.
audit
접근성, 성능, 반응형, 구현 상태를 점검해 보고서로 남기는 명령입니다.
문제를 자동으로 고치지 않고 다음 수정 순서를 정할 때 사용합니다.
Node.js
터미널에서 자바스크립트 도구를 실행할 수 있게 해주는 프로그램입니다.
Impeccable 설치 도구와 자동 검사기를 실행할 때 필요합니다.
02 · 결과 확인
결과를 확인합니다
완료 표시가 아니라, 화면이나 파일에서 직접 확인할 수 있는 결과입니다.
- 프로젝트 폴더 범위로 Impeccable을 설치했습니다.
- 원본 화면과 검사 결과를 저장했습니다.
- polish가 바꾼 파일을 비교했습니다.
- 같은 검사기를 다시 실행해 남은 문제를 확인했습니다.
- 데스크톱과 390px 모바일 화면을 캡처했습니다.
- 자동 검사 결과와 사람이 판단할 항목을 구분해 적었습니다.
03 · 참고 자료