안녕하세요 html 태그 클래스 네이밍에 관한 질문입니다.

Question

↑ 구글 메인화면 CSS↑ Medium CSS안녕하세요구글 그리고 Medium의 CSS를 까보니 여러 태그의 class 가 의미를 추론하기 힘든 방법으로 네이밍이 되어있었습니다. 혹시 이렇게 하는 이유가 있는지 궁금하고, 현업에서도 종종 사용되는 방법인지 궁금합니다.제 추측으로는, 경쟁사나 다른 개발자들로 하여금 카피를 힘들게 하기 위해, 내부 개발은 시멘틱한 네이밍을 사용하지만 배포과정에서 클래스의 네이밍을 바꾸는 기술을 사용하는 것 같습니다. 제 생각이 맞나요?

Honowis · Accepted Answer

css 파일 사이즈를 줄이기 위해 배포 빌드 시 클래스 네임을 minify 하는 과정에 생성되는 이름입니다. 도용 방지를 위해 하진 않았을 테지만 소스 분석이 어려워 지긴 하죠. Css module 이나 그외 webpack의 css loader 옵션등을 이용 해 만드실 수 있어요.

어쩌다프로그래머 · Answer

추론하기가 힘드시다 그러셨는대저렇게 하는이유는 추론하기 쉽고 더 간편하고 간결하게 하기 위합니다. 패턴만 어느정도 익숙해지면 더욱 추론하기 쉬워집니다.

유리세계 · Answer

css 종류와 양이 많으니 최대한 간결하게 쓰는걸걸요?실제로 스타일 찾아가보면 css에 그렇게 쓰여있어요

하트모양상자 · Answer

질문의 Medium 사이트의 클래스에 대한 CSS 속성인데,클래스 명에 대한 css 속성도 전혀 이해 매칭이 되지않고, 어쩌다 님이 말씀하신것 처럼 추론에 도움이 전혀 되지않는 네이밍인것 같은데... 이해가 잘 안되네요.

하트모양상자 · Answer

질문글에서 구글 그리고 Medium의 CSS를 까보니 -> 구글 그리고 Medium의 HTML를 까보니로 수정합니다.

어쩌다프로그래머 · Answer

음 구글은 패턴으로 정해져 있는거 같은대미디엄은 제가 봐도 생소 하네요...특이하긴 하군요....퍼블리셔가 알고있을듯하네요...

어쩌다프로그래머 · Answer

해당 사이트 소스를 보니 직접 css를 선언해서 사용하는 구조가 아니네요. 별도로 제너레이트 되는듯합니다 //윗분이 댓글달아주셨네요...

하트모양상자 · Answer

감사합니다!

안녕하세요 html 태그 클래스 네이밍에 관한 질문입니다.

8개의 답변

#naming 목록