https://hugo-test-pro-8.pages.dev/ko/tags/tables/ Recent content in Tables on SITE — SITE https://hugo-test-pro-8.pages.dev/social.png https://hugo-test-pro-8.pages.dev/social.png Hugo -- 0.147.7 ko-KR https://hugo-test-pro-8.pages.dev/ko/blog/lab/30-components/tables/ Mon, 01 Jan 0001 00:00:00 +0000 https://hugo-test-pro-8.pages.dev/ko/blog/lab/30-components/tables/ <h1 id="tables">tables</h1> <h2 id="테스트-목적">테스트 목적</h2> <p>표는 정보 비교에 강하지만, 화면이 좁아지면 가장 쉽게 깨집니다. 표 자체보다 <strong>가독성과 줄바꿈</strong>을 함께 확인합니다.</p> <h2 id="예시">예시</h2> <table> <thead> <tr> <th>항목</th> <th>설명</th> <th>확인</th> </tr> </thead> <tbody> <tr> <td>row 1</td> <td>짧은 값</td> <td>문제가 없는가</td> </tr> <tr> <td>row 2</td> <td>긴 설명이 들어가는 값</td> <td>줄바꿈이 자연스러운가</td> </tr> <tr> <td>row 3</td> <td>taxonomy / navigation</td> <td>폭이 과하지 않은가</td> </tr> </tbody> </table> <h2 id="확인-항목">확인 항목</h2> <ul> <li>헤더가 분명한가</li> <li>셀 간 간격이 충분한가</li> <li>모바일에서 가로 스크롤이 필요하면 안내가 있는가</li> </ul>