프론트엔드 통합 코딩 컨벤션

HTML, CSS, JavaScript, TypeScript 코드 작성 시 일관된 스타일과 구조를 유지하기 위한 통합 컨벤션 가이드입니다. 이 스킬은 .html, .css, .js, .ts, .jsx, .tsx 파일 읽기/쓰기 시 자동으로 트리거되며, 규칙 위반 시 자동 수정을 수행합니다.

1. HTML 컨벤션

1.1 소문자/큰따옴표 규칙

• 태그명과 속성명은 항상 소문자로 작성
• 속성값은 항상 큰따옴표(")로 감싸기

<!-- 좋은 예 -->
<div class="container" id="main-content">
  <input type="text" placeholder="검색어 입력" />
</div>