2026, 새로운 도약을 시작합니다.

html 그리드와 테이블의 차이!! 채택완료

그리드와 테이블차이가 무엇일까요??

대충은 알고있지만 막상 설명하려니 뭐라고 해야할지도 잘 모르겠어요..

제가 정확하게 잘 모르기 때문이지만, 혹시 설명 해주실분 있으신가요??

답변 4개

채택된 답변
+20 포인트

일단 용도부터가 다릅니다.

table은 진짜 표를 보여주기 위해서만 사용하시는 것이 맞습니다. 레이아웃 구성을 위해서는 다른 방법을 사용해야 합니다. grid는 그 방법 중 하나입니다.

과거에는 table을 이용해 레이아웃을 구성했었으나, 지금은 그렇게 사용하는 것을 지양하고 있습니다.

예를 들어, 같은 내용을 table과 grid로 만들어서 웹사이트에 넣었다고 합시다.

그것을 각각 복사하여 엑셀에 붙여넣었을 때, table은 제대로 표에 맞게 들어가고 grid는 들어가지 않습니다.

table은 실제 표를 표현하기 위해 사용하는 것이고, grid는 레이아웃을 위해 사용하는 것이기 때문입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

그리드는 제어가 가능하다는뜻으로 알고 계심됩니다 ㅎ

숨기거나 이동시키는 영역

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Grid_Layout

이사이트보시면 좀더 이해가 편하실거같아요~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

그리드는 화면에서 표형식보다 좀더 자연스럽게 표현되는것

테이블은 표형식으로 표현되는것 정도일까요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

그리드로 레이아웃도 짜나요??

기존 테이블은 같은 경우는 데이터 테이블 표현할때 주로 사용했는데..

그리드로 전체레이아웃을 짜서 해도 상관없는건가요???

그러면 그리드가 테이블보다 범용성이 높고 말씀하신대로 표형식이 유연이 좋은건가요??

이렇게 생각을 해도 상관없는건가요??

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고