read : css 네이밍 container vs wrapper : 기술 #css #container #wrapper::공대여자홈

#css #container #wrapper

container vs wrapper

래퍼, 랩
기능 단일 요소를 감쌈
<wrapper-A>
<wrapper-A-header>
<wrapper-A-content>
<wrapper-A-footer>
</wrapper-A>

물론 꼭 이에 맞지 않을 수도 있고, 다를 수도 있고, 하다 보면 섞일 수도 있음.

container를 container로 감쌀 수도 있는 것이고,

wrapper속에 container가 있을 수도 있음.

<container-A>

<wrapper-A>

<list>

<wrapper-item><item /></wrapper-item>

</list>

</wrapper-A>

<wrapper-B>

<list>

<wrapper-item><item /></wrapper-item>

</list>

</wrapper-B>

</container-A>

list를 wapper로 해도 될테고, item을 굳지 wapper 감쌀 필요도 없고...

list 부터보면 wrapper가 없어도 충분할 정도고...

내가 쓸 땐 container 나 wrapper에는 될 수 있는 한 border나 background 를 넣지 않는다.

레이아웃 설정용으로 위치와 너비만 잡도록 한다.

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	1215
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	11067
공지	[공지] 기술 게시판	mins01	06/24 15:10	11276

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 1	4.18	4.19	4.20
4.21	4.22	4.23 ui_treemap new 2	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4