수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • 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 프레임웤의 경우도 클래스 부여만으로 화면을 제어하는 방법을 쓰기도 하니까요. 단, 시멘틱웹을 이해하고 쓰는것과 그렇지 않은 차이는 크구요.

번호 제 목 글쓴이 날짜
2700524 클릭시 밑에 메뉴 나오게 (4) 새솔 2025-07-05
2700505 activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) 참이 2025-07-05
2700452 c언어에서... 자료형 구분.... (3) 시내 2025-07-05
2700422 버전에 관해 질문 라온제나 2025-07-04
2700393 mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) 소미 2025-07-04
2700359 3.0 ) SimpleButton 상태 강제 변경 (3) 희선 2025-07-04
2700304 ie8 전용핵 문의 (3) 여자 2025-07-03
2700281 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) 늘솜 2025-07-03
2700230 질문이여 ! 뿡뿡몬 2025-07-03
2700205 액션스크립트책 좀 추천해주세요. (10) 화이트캣 2025-07-02
2700173 자바 소스인데 어떤게 에러인지..? (1) 호빵녀 2025-07-02
2700142 하단이 붙어있는 가변 레이아웃구조 질문드립니다. 이플 2025-07-02
2700089 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) 여름 2025-07-01
2700033 배경에 그라데이션을 넣으려고 하는데요.. (4) 화이티 2025-07-01
2700005 [질문] TextField 객체의 실제 높이 알아오는 방법 ? 천사의눈물 2025-07-01
2699978 FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) 데이비드 2025-06-30
2699944 자바스크립트가 많은 사이트는... (6) 희나리 2025-06-30
2699918 브라우저마다 다른 input과 텍스트 정렬 (3) 늘봄 2025-06-30
2699887 동적텍스트를 그래픽으로?? (2) 족장 2025-06-30
2699862 scope넣기 (1) 아인 2025-06-29
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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