코딩할때 특정 속성을 클레스로 만들어 쓰는 습관 (예 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 프레임웤의 경우도 클래스 부여만으로 화면을 제어하는 방법을 쓰기도 하니까요. 단, 시멘틱웹을 이해하고 쓰는것과 그렇지 않은 차이는 크구요.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2696792 | Doctype 문의 | 떠나간그녀 | 2025-06-02 |
2696683 | 컴파일된 클립 질문 드립니다. | 흰추위 | 2025-06-01 |
2696656 | C질문요 (4) | 블랙캣 | 2025-05-31 |
2696504 | 플래시 위에 div 올리기 (5) | 큰꽃늘 | 2025-05-30 |
2696458 | 제가 만든 소스 한번 봐주시고 수정 할 꺼 있으면 말해주세요. (실행은 되지만 깜빡거리네요) | 이플 | 2025-05-29 |
2696434 | 퍼센트 레이아웃 질문인데요.. | 나츠 | 2025-05-29 |
2696372 | %=open_main%, %=open_sub% 가 뭘까요? (9) | 행복녀 | 2025-05-29 |
2696347 | 콘솔 프로그램 질문 | 상큼한캔디 | 2025-05-28 |
2696320 | c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. | 슬아라 | 2025-05-28 |
2696292 | 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? | 망고 | 2025-05-28 |
2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
2696094 | exe 파일 | 제철 | 2025-05-26 |
2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |