HTML/CSS 네이밍 시에 Wrapper와 Container 차이

메인프로젝트를 진행하면서 팀원들의 코드를 리뷰하다보니, 나 포함 모든 팀원들이 container와 wrapper를 사용함에 있어서 큰 규칙없이 혼용해서 사용하고 있다는걸 문득 깨닫게 되었다. 대충 맞게 쓰고는 있지만, 명확한 기준은 없이 쓰는 느낌이 강했다.

 

정확한 사용법을 알고 싶어서 찾아보니 스택오버플로우에 토론 게시글이 있었다.

https://stackoverflow.com/questions/4059163/css-language-speak-container-vs-wrapper

CSS Language Speak: Container vs Wrapper?

 

요약하자면, 

• Wrapper : 단일 개체를 감싸는 것
• Container : 하나 이상의 개체를 포함하는 구조

 

하지만 개개인마다 관점이 다를 수 있으므로 어느 것이 맞고 어느 것이 틀리다고 단정짓기는 힘들 것 같다. 따라서 협업을 할 때 충분한 논의를 통해 클래스 네이밍을 하는 것이 좋아보인다.