container에 관한 질문이 있습니다!
347
작성한 질문수 38
선생님 안녕하세요!
강의가 너무 재밌네요! 자세한 설명 항상 감사합니다.
다름이 아니라 여태까지의 수업들을 보면
어떤 강의에서는 전체적인 태그를 감싸주는 .container 클래스를 만들고, 어떤 것들은 .container 클래스 없이 만들고 하시는데, 어떨 때 만드는 것이 효율적이고 비효율적인 것인지 판단할 수 있는걸까요?
제가 검색해 본 바로는 container는 여러 아이템들을 묶어주기 위해서 사용하는 것으로 확인되는데요.
그렇다면, 3d 호버 애니메이션에서는 각각의 image들을 app-ui 가 감싸고 있는 형태인데, 여기서는 왜 또 한번 container로 감싸서 총 두번을 감싼건가요?
반면 호버했을 때 위아래로 분리되는 수업에서는 총 item이 3개가 있는데 이를 items로 한번만 감싸주기만 했습니다.
혹시 수업 중 설명해 주셨는데 제가 놓쳤던 것일수도 있으니 만약 그렇다면 죄송하지만 다시 한번 설명해주시면 감사드리겠습니다!
답변 1
1
.container로 감싸는건 모든 html 페이지 퍼브리싱 작업을 할 때 항상 하는거라 익숙해지시라고 넣는거에요.
실전 예제 작업 할 대 필수적인 것은 아닙니다. 기능적인 역할을 하지 않으면 꼭 넣으실 필요는 없어요.
그리고 .container라는 이름 말고 .wrap 또는 .wrapper로 사용하는 분들도 있습니다.
앱 UI 레이어 3D 호버 에니메이션 예제에서 .container를 사용한 이유는 없어도 만들 수 있지만 센터링하는데 transform: translate를 썼는데 .container로 묶지 않으면 코드가 복잡해져서 처음하시는 분들이 실수 하실 수 있어서 넣은거에요.
class 값 한 번에 부여하는법
2
95
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
80
1
div#css-checker-widget의 해결방
1
71
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
97
2
강의듣는법
1
87
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
77
2
input checked 질문합니다.
0
81
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
154
2
Part 1 영상 안나옵니다
1
101
1
제이쿼리 작동이 안됩니다
1
214
3
강의 내용 질문있습니다.
1
134
2
일정 부분만 주석하는 방법
1
229
2
폰트어썸
1
146
2
인접선택자에 대한 질문드립니다!
1
135
2
delay 적용 안됨
1
139
1
rotateY(360deg)가 적용이 안됩니다!
1
192
2
세로이동할때 height값
1
143
2
폰트어썸이 안되요..
1
509
2
화면 정중앙에 오게끔 할수있나요?
1
176
1
어코디언 네비게이션 중
1
130
1
라이브서버 문제
1
248
2
넷플릭스 어코디언 예제 질문
1
108
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
166
1
active 관련 질문
1
152
2