웹 퍼블리셔 일기

출근 둘째날, 그래도 쉽지 않았다. (와악, table 태그!)

okc no1 2021. 4. 7.
반응형

그냥 참고용 이미지입니다. (출처: LG 홈페이지)

오늘은 table tag를 활용한 게시판을 마크업 하였습니다. 매번 Header쪽만 만들고, 메인페이지에만 힘을 썼었지만, 지금 제 포스팅을 보시고 취업 준비를 하신다면 꼭! 서브페이지에도 힘을 쏟기를 바랍니다. 특히 신입에게는 말이죠. 신입에게는 대단한 것을 맡기지를 않습니다. (사수가 없는 퍼블리셔로 취업했다면 상황은 다르겠지만..)

같이 입사한 동기도 이번에 table 태그를 만들면서 <thead>와 <tbody>만 쓰고 바로 만들었는데, 접근성 관련해서 보완을 해야되서 <caption> 태그를 포함했습니다. 쉽게 후딱 만들고 하는 것은 접근성과는 거리가 참 멀기 때문에 어렵더라도 작성해야되는 부분은 딱! 딱! 작성하는 것이 좋습니다.

그냥 참고용 이미지입니다. (출처: 서울시청 홈페이지)


<colgroup>을 통해서 특정 셀의 %를 지정해주는 것도 써보면서 알게 되었습니다. 주말에는 table 태그를 이용하여 게시판 내용도 작성해야겠습니다.

매번 1920 사이즈로 작업했던 나였는데, 작은 모니터로 작업하면서 레이아웃이 깨지게 되었는데, 결국에는 퍼센트(%)로 제작하는 것을 오늘 알았습니다. 일단 평일에 과제(?)같은 내용을 쌓아놓고 업무를 처리하도록 해야겠습니다.

반응형

댓글

💲 추천 글