수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

코딩할때 특정 속성을 클레스로 만들어 쓰는 습관 (예 margin-top:10px; == .mt10) 안좋은가요?

배꽃

2023.04.01

저는 지금 작은 에이전시에서 빠르게 많은 업무를 처리하는게 주업이 되어버려어느덧 웹 표준과 접근성 시멘틱한 코딩은 잊혀져만 가고 크로스브라우징과 빠른코딩에만 주력하고 있습니다.
(마찬가지로 스크립트도 당장 쓸수있게 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 을 찾아바꾸기로 바꿔버립니다 ㅋ어느덧 이런습관이 문제라고 생각하여 고치려했는데 왜? 어떤부분에서? 문제인지는 모르겠 더라고요진짜 이게 문제있는 습관일까요? 아님 그냥 자신만의 스타일로 넘어갈수있는걸까요?

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 일진누나

    유지보수할때 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
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com