웹 개발에서 사용하는 "container" 와 "wrapper" 의 차이가 정확히 무엇일까요?
조회수 1684회
보통 특정 요소를 포함하는 하나의 큰 요소를 다음과 같이 포함하는 경우를 자주 사용하고 있습니다.
<div id="container">
...
</div>
<div id="wrapper">
...
</div>
일반적으로 Bootstrap
을 사용할 경우엔 class
에 container
와 같은 용어가 빈번히 사용되어 별 생각없이 사용했었습니다. 마침 이번에 개인 포트폴리오 사이트를 제작할 생각이 들어 라이브러리나 프레임워크의 도움없이 순수한 HTML5
, CSS3
, JavaScript (ES6)
를 사용하려고 보니 위 두 용어의 차이가 명확히 무엇인지 헷갈리기 시작했습니다.
제가 알고 있기론 container
의 경우 일반적으로 복수의 요소를 포함하고 있을 경우에 그리고 wrapper
의 경우엔 단일 요소를 포함하고 있을 경우에 사용한다고 알고 있습니다. 또는 어떤 요소를 담고 있으면 container
라 칭하고 감싸고 있다면 wrapper
라고 칭한다는 이야기도 있는데 어느 것이 일반적으로 맞는 이야긴가요?
개인적인 생각으론 담고 있다는 표현이나 감싼다는 표현이나 사실 일맥상통하는게 아닌가 싶기도합니다.
-
(•́ ✖ •̀)
알 수 없는 사용자
그리고. 보통 id는 javascript 용으로 사용하는 경우가 많은 것 같습니다. dbwodlf3 2020.11.22 12:15
댓글 입력