https://blog.jsontapose.com/categories/frontend-architecture/ Recent content in Frontend-Architecture on HandsLog Hugo -- 0.146.0 ko-kr Fri, 27 Feb 2026 13:23:46 +0000 https://blog.jsontapose.com/posts/maintainable-scalable-html-css-structure-strategy-6905d0/ Fri, 27 Feb 2026 13:23:46 +0000 https://blog.jsontapose.com/posts/maintainable-scalable-html-css-structure-strategy-6905d0/ <h3 id="개요">개요</h3> <p>작은 규칙의 일관성이 유지보수성과 확장성을 만든다고 봄. 아래 세 가지 원칙은 팀 합의만 되면 즉시 적용 가능하며, 코드 리뷰와 리팩터링 부담을 낮추는 효과가 큼</p> <h3 id="classname-네이밍은-하이픈-사용-권장">className 네이밍은 하이픈 사용 권장</h3> <p>camelCase, under_score보다 하이픈(-) 기준 분절이 명확해 가독성과 편집성이 좋음. 대소문자 전환 없이 입력 가능해 타이핑 피로도도 낮음</p> <p>에디터 단어 단위 이동/선택이 직관적. camelCase나 under_score는 하나의 토큰으로 취급되는 경우가 많아 커서 이동이 번거로움. 하이픈은 공백처럼 인식되어 단어 경계 이동이 쉬움. 예시로 <code>sweetPotato</code>, <code>sweet_potato</code>, <code>sweet-potato</code> 비교 추천</p>