홍카나의 공부방

hello? cheer up! Get Started 부트스트랩을 이용해 위와 같이 코드를 짜고 있었다. 처음에 화면 height가 꽉차질 않아서 무엇이 문제였나? 돌아보니.. 1) min-vh-100 속성을 주었다. -> 미해결 2) h-100을 주고, html이나 body 혹은 상위 부모 tag 에게 vh-100도 줘보고 다 했었다. -> 미해결 3) 컨테이너에 min-vh-100과 justify-content-center를 동시에 주었다. -> 해결 flex-column 써놓고 justify-content-center를 까먹고 스택오버플로우나 뒤져본 나.. 나처럼 살지 마시오.

배치의 중요성 - CSS 우겨 넣으면 유지보수가 어렵고, 변경사항 있으면 대응하기 어렵다. - 반응형 만들 때도 배치를 잘못 잡으면 엄청나게 어렵다. 그러면 HTML 구조와 레이아웃은 어떻게 잡으면 좋을까? 배치 쉽게 하는 방법 - 먼저 가로 방향으로 가상의 구역을 나눠본다. 항상 가로 먼저. - 가로로 나눈 가상의 구역에서 또 가로로 나눌 수 있는 구역을 생각해본다. - 더 이상 가로로 나눌 수 없으면 세로 방향으로 잘라서 레이아웃 배치를 진행한다. 시맨틱 태그(Semantics) - div 태그만으로는 어떤 역할을 하는지 알 수 없다. - 그래서 이런식으로 역할을 알려줬었다. - HTML5가 들어오면서 id="header", id="footer" 이런식으로 많이 쓰다보니까, 그냥 를 만들어줬다. - ..