코딩할때 특정 속성을 클레스로 만들어 쓰는 습관 (예 margin-top:10px; == .mt10) 안좋은가요?
배꽃
저는 지금 작은 에이전시에서 빠르게 많은 업무를 처리하는게 주업이 되어버려어느덧 웹 표준과 접근성 시멘틱한 코딩은 잊혀져만 가고 크로스브라우징과 빠른코딩에만 주력하고 있습니다.
(마찬가지로 스크립트도 당장 쓸수있게 click hover를 많이 쓰게 되어버리더군요...)이직을 앞에두고 정상적인 퍼블리셔가 되기 위해 크로스브라우징과 시멘틱한 마크업을 생각하던중 궁금증이 생겼습니다.변덕스러운 클라이언트도 고려해야하고 빠른 코딩과 바꿀때 쉽게 바꿀수있는 점을 생각하다보니 잔머리를 굴리기 시작했습니다..mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both; overflow:hidden;}등등등 이런식으로 고정으로 만들어특정 div가 margin:10px 0 0 10px; 이 필요하다면div class=mt10 ml10
요런식으로 전부 통일하고 우리의 변덕스러운 클라이언트님의 한마디 내용물들 간격좀 더 떨어졌으면 좋겠습니다.그럼 . mt10 을 찾아바꾸기로 바꿔버립니다 ㅋ어느덧 이런습관이 문제라고 생각하여 고치려했는데 왜? 어떤부분에서? 문제인지는 모르겠 더라고요진짜 이게 문제있는 습관일까요? 아님 그냥 자신만의 스타일로 넘어갈수있는걸까요?
-
일진누나
유지보수할때 mt10 이런거 있으면 불편하던데.. 그렇다고 모든 마진을 저걸로 조절하는것도 아니고;;
물론 개인적 의견이라 틀렸다고 볼 순 없겠지만요 -
일본어못해요
그쵸 뭐...상황에 따라 다르지만요..
mt ml 이런거 자주쓰진 않습니다.
고정된 제품설명이나 소개 같은 컨텐츠가 미친듯이 많은곳에 가끔 씁니다. -
꿈빛
mt10 ml10의 묶음이 자주 쓰인다면
아예 하나의 명칭을 주고, 예를들어 layout 클래스명을주고 그안에 margin-top:10px; margin-left:10px을 같이 주고 css만 수정하는게 빠르지 않나요^^ -
채련
그쵸 설명이잘못되었네요.
요즘은 찾아 바꾸기로 mt10 을 다른것으로 바꿔버립니다 ㅋ -
노을빛
mt10의 수치를 바꾼다면 클래스명 mt10의 의미가 없지 않겠습니까? 네이밍도 중요하죠~
그리고 mt10이 다른데도 쓰일테구요 -
과꽃
굳이 나쁜방법은 아닙니다. 부트스트랩이나 기타 ui 프레임웤의 경우도 클래스 부여만으로 화면을 제어하는 방법을 쓰기도 하니까요. 단, 시멘틱웹을 이해하고 쓰는것과 그렇지 않은 차이는 크구요.