개발자 여러분은 DIV 태그가 이해하기 쉽습니까? 블록

전 table 태그가 훨씬 이해하기가 쉽던데 제 사이트 채팅방 내용을 살펴보니 어떤 분이 제 "오픈소스 게시판 수정증보판" 을 DIV 태그로 만들어 달라는데 전 그런 이해하기 힘든 태그는 사용하기도 싫고 현재 이곳에 서비스 되고 있는 이글루스 프레임 구조만 하더라도 소스보기로 들여다 보면 도통 그 DIV 태그가 이해가 잘 안되더라 그 얘깁니다. 이글루스 같은 경우는 각 요소에 DIV 태그를 사용하면서 class 로 지정해 속성을 주고 있지만 일일이 스타일 시트 뒤져가면서 속성 참고하는 것도 쉽지 않고 지금과 같이 테이블의 td 태그나 각 엘러먼트에 style 이나 class 를 줘서 일괄적으로 속성을 관리해도 코드 이해하기 쉽고 유지보수 하기 정말 편한데 왜 이렇게 이해하기 어려운 DIV 태그를 쓰라고 주위에서 난리인지 전 아무리 이해하려고 해도 이해가 안되더라 그 얘깁니다.

이쪽 업계 선배분 말로는 DIV 태그는 블럭으로 이해하면 편하고 DIV로만 구성하면 속도가 빠르다고 하는데 전 테이블 태그만 사용하는데도 전혀 지장이 없고 오히려 유지보수는 이쪽이 훨씬 더 편한 것 같더라구요. 또 테이블 태그는 구조가 프레임에 최적화돼 있기 때문에 더욱 이해하기 쉽다는 장점이 있죠. 속도도 그렇게 느리지 않구요. 근데 이 좋은 테이블 태그를 쓰지 말고 DIV 태그를 쓰라니 저로선 참 수용하기 힘든 주장입니다.

저 같으면 DIV 태그는 투명이나 불투명 레이어 박스나 컨테이너 용도로 사용한 경험밖에 없네요. 얼마나 용도가 확실합니까? 이런 확실한 용도의 DIV 태그를 표나 게시판 프레임을 구성하는 데까지 무리하게 사용해서 왜 우리가 스트레스를 받아야 하는지 정말 모르겠습니다. 여러분은 여기에 대해서 어떻게 생각하시는지...

덧글

  • 아침북녘 2015/11/04 19:58 # 답글

    아저씨 화제 돌리지 말고 아래 UTF-8에 대한 사람들 의견에 반박 좀 해보세요. 맨날 뻘글 올리면서 IT밸리 더럽히지 미시구요.
  • 아침북녘 2015/11/04 20:20 # 답글

    덤으로 또 자기 모르는거 나오니까 수용못한다고 빼애애애ㅐ애ㅐ애액 거리는 글 올리시는군요. 공부하고 책  읽으시라니까요? 이 글들은 나는 책 볼 줄 모르는 바보입니다 라는 광고글 밖에 안된다구요.
  • 흠.. 2015/11/04 20:37 # 삭제 답글

    "Separation of concern"이라고 불리는 원칙인데... 구조와 표현을 분리하자는 겁니다. 이렇게 해서 좋은건 마크업을 건드릴 필요 없이 스타일시트만 바꾸면 디자인을 바꿀 수 있다는 겁니다.
    데스크톱, 모바일 등에 각각 최적화된 디자인으로 스타일시트를 만들고 각각의 환경에 따라서 스타일시트만 바꾸어주면 데스크톱과 모바일에 최적화된 디자인을 보여줄 수 있다는 장점이 있지요.
  • 흠.. 2015/11/04 20:42 # 삭제

    http://www.csszengarden.com/

    여기서 스타일시트만으로 사이트를 어디까지 꾸밀수 있는지를 보여주는데 한번 보시죠.
    HTML은 하나도 건드리지 않고 스타일시트만 건드려서 디자인을 바꾸는 겁니다.
  • 채널 2nd™ 2015/11/04 23:46 #

    아니, 이런, 너무, 겁나게, 쉬워도, 솔까말 검색이라도 한번 해 보면 개나 소나 다 알게 되는 것을 ...............

    친절하게도 설명해 주시다니 ㅋㅋㅋ

    ((하지만 우덜에게는 희망도 꿈도 없다는 것이 최트루~)) ;;;
  • highseek 2015/11/05 00:10 #

    뭐 걍 자기 편한대로 쓰면 되지 않겠습니까..

    ..전 개인적으로 div 안쓰고 css 안 나눠놓으면 웹앱 개발 참 못해먹겠던데.
  • sogo 2015/11/05 10:20 #

    아아, 링크로 주신 사이트가 너무나도 아름답습니다 ㅠㅜ
    이 사이트를 보고 div에 대한 애정과 용기가 생길 것 같습니다. 감사합니다 ㅠㅜ
  • 흠.. 2015/11/04 20:39 # 삭제 답글

    이런건 인터넷만 찾아봐도 금방 나오는건데 여기 올리기 전에 공부 좀 하시기를 권합니다...
  • 탕탕탕탕 2015/11/04 20:41 # 삭제 답글

    난 누구 대가리가 더 이해가 안 가던데.
  • 무명병사 2015/11/04 20:51 # 답글

    모처럼 사람들이 관심을 가져주니 아주 기쁘신가본데, 관심 더 드리겠습니다.
  • 누군가의친구 2015/11/04 21:25 # 답글

    그러는 당신은 개발자도 아니면서.
  • 나인테일 2015/11/04 21:34 # 답글

    유지보수란게 무슨 의미인지 알기는 하시는건가....
    인터넷 익스플로러 6 최적화 홈페이지나 만드시는게 어떨까 싶네요.
  • 구름707 2015/11/04 23:55 # 삭제 답글

    자신의 스타일로 해나가면 되는 거겠죠.
    저도 주로 테이블로 작업합니다만 딱히 불편한 점은 없네요.
    (초기에 DIV가 먼저 나왔다면 그 반대가 됐을지도 모르죠.)
    테이블로 틀 잡고 제이쿼리로 속성 먹이면 그게 저에겐 딱입니다.
    파폭 기준으로 작업하는데, 익스(하위 버전 제외)와 크롬에서도 잘 나오는 편입니다.
    코딩 기술도 그렇고 다른 미디어도 한 때의 유행으로 살다 죽을 패러다임일 뿐이죠.
    즐 코딩하세요.
  • ㅜㅜ 2015/11/05 02:47 # 삭제 답글

    징징징징징징징징징
  • ㅇㅇ 2015/11/05 08:03 # 삭제 답글

    내가 아직까지 이해가 안되는건 (얘 이해하는건 버리고), 얘가 아직도 나무위키에 등재가 되지 않았다는거야.
    졸 꿀잼일것같은데
  • 은이 2015/11/05 09:19 # 답글

    div, css, javascript 조합해서 잘 만들어 놓으면 금요일 오전에 페이지 수정 요청 뜨면
    누구는 소스 일일이 다 뜯어고치느라 야근에 주말 출근까지 해서 수백 페이지 다 수정하고 해도 못 맞춰서 빵꾸낼 동안
    누구는 오전에 수정하고 오후에 느긋하게 테스트 한 뒤에 퇴근 한시간 전에 담당자한테 연락해서 해 놓았으니
    다음주 부터 테스트 하시라고 하고 칼퇴하고 불금을 즐깁니다.

    ... 그럴려고 배우는겁니다. 열심히 공부하고 배운 개발자가 나중에 게으름 피울 수 있는거죠.
  • ㅁㄴㅇㄹ 2015/11/05 11:35 # 삭제 답글

    제목에 개발자 여러분이라고 달렸다는건 본인은 개발자가 아니라는건가요? 흠
  • shaind 2015/11/05 12:38 # 답글

    table 태그로 만든 레이아웃 :
    1. 문외한들도 상대적으로 이해하기 쉬움.
    2. 코드가 길고 거지같아서 유지보수하는 데 더 많은 전문가의 인시(man-hour)가 필요.
    3. 테이블 안의 컨텐츠(글, 그림) 크기가 바뀌면 레이아웃이 깨져서 유지보수 소요됨

    div 태그로 만든 레이아웃 :
    1. 코드가 상대적으로 간결해서 더 적은 인시의 전문가를 투입해도 유지보수 가능
    2. div 안의 컨텐츠 변화에 유연함.
    3. 다만 문외한들은 이해를 못함.

  • shaind 2015/11/05 12:45 # 답글

    그리고 div를 표를 만드는 데 쓴다는 건 정말 금시초문입니다.
    div는 애초에 표를 만들라고 만들어놓은 게 아니기 때문이죠.

    표를 만들려면 당연히 table을 써야 합니다. 표가 아닌 것을 table로 만들려는 게 문제일 뿐이죠.
    예를 들어 게시판 프레임 같은 것을 표로 만들려는 헛짓거리를 하지 말라고 나온 게 div인 겁니다.
  • highseek 2015/11/05 14:56 #

    전 div로 컨트롤 만들기 좋더라고요.
  • 절망의빛 2015/11/05 13:33 # 삭제 답글

    설마 당신이 말하는 유지보수라는게..

    자기가 원하는 대로 기능 수정할 수 있는걸 유지보수라고 하는건 아니겠지?
  • 시발 2015/11/05 18:08 # 삭제 답글

    와 시발 진짴ㅋㅋㅋㅋㅋㅋ 어쩌다가 들어왔는데 지금 여기 있는 글들 전부 컨셉이죠...? 와;; 이 블로그 구글에 세어나가기라도 할까 무섭다 이런 끔찍한 생각은 절때로 퍼져나가면 안되는데....
  • .. 2015/11/21 10:06 # 삭제 답글

    난 대체 이딴데 왜 들어와졌짘ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
    2005년 글이면 이해하겠는데 2015년 글이얔ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
댓글 입력 영역
* 비로그인 덧글의 IP 전체보기를 설정한 이글루입니다.


웹로그 검색