셀렉터 설계: 변경에 덜 취약한 작은 규칙들

과도한 XPath는 리팩터링에 취약합니다. 대신 역할·라벨·인접 텍스트 조합으로 의미를 고정하고, 스타일 클래스 의존은 피합니다.

컴포넌트 라이브러리가 바뀔 때를 대비해 “페이지 경계”마다 한 번씩 스냅샷 비교를 두면 회귀 범위를 빠르게 줄일 수 있습니다. 이 블로그 글에서 소개하는 규칙은 디자인 시스템 팀과 합의한 최소 태깅 전략과 함께 쓰일 때 가장 효과가 큽니다.

마지막으로, 셀렉터 리뷰를 PR 템플릿에 넣어 변경 이유를 남깁니다. 작은 습관이 나중에 큰 리라이트 비용을 막습니다.