현재 문제
마크다운 콘텐츠 스타일링에 ID 셀렉터(#content)를 사용하고 있어, 다른 컴포넌트와 스타일이 충돌할 위험이 있습니다.
해결 목표
- CSS를 ID 셀렉터에서 클래스 셀렉터(
.markdown-content)로 전환
- BEM(Block Element Modifier) 네이밍 컨벤션을 적용하여 스타일 격리
- 테스트 파일도 동일한 클래스 구조 사용
기대 결과
- 다른 요소와의 스타일 충돌이 방지됩니다
- 재사용 가능한 CSS 구조로 개선됩니다
- 테스트가 실제 환경과 일치하게 동작합니다