내가 해냄(ง •̀ᴗ•́)ง

철이 없었죠 ... 천지구분도 못하고 width/height에 %를 냅다 박아넣었던게 ... vh/vw (v = 뷰포트를 기준으로 하겠쉐이) Viewport Height / Viewport Width → 뷰포트를 기준으로 한 높이와 너비 그래서 뷰포트가 뭔데? "보여지는 영역" 즉, 보여지는 영역에서 얼마만큼을 차지할 것인지를 지정하는 단위이다! 1vw = 뷰포트 너비의 1% 800px 너비인 뷰포트의 1vw값은? 8px! 그런데 만약에 사용자가 브라우저를 잡고 늘리거나 줄여서 뷰포트 너비의 길이가 변화가 됐다면 이 똑똑한(그러나 가끔 나를 킹받게하는..)브라우저가 알아서 1vw의 값을 재설정해준다. 그러니까 요 속성 하나만 써도 브라우저가 알아서 크기에 반응해서 바꿔준다. 1vh도 동일! 뷰포트 높이의..

Semantic: 의의에 관한, 어의론, 의미론 프로그래밍 언어에서는 "의미론적"이라는 뜻을 가지고 있다. 시맨틱 웹(Semantic Web) 웹페이지에 메타데이터를 부여해서 기존의 잡다한 데이터 집합이었던 웹페이지를 '의미'와 '관련성'을 가지는 거대한 데이터베이스로 구축하는 것. -https://poiemaweb.com/html5-semantic-web 즉, 컴퓨터가 웹사이트를 단순한 코드의 구성으로 이루어진 것이 아니라 의미를 가진 사이트라는걸 알 수 있게 만드는 것이다. Non-Semantic 요소인 div (content에 대해 아무런 설명이 없는 태그)를 남발한 코드 header, main, ul, footer 등 Semantic Tag를 사용한 것이 훨씬 더 가독성이 높다는 것을 확인할 수 ..

https://stackoverflow.com/questions/5078239/how-do-i-remove-the-space-between-inline-inline-block-elements How do I remove the space between inline/inline-block elements? Given this HTML and CSS: span { display:inline-block; width:100px; background-color:palevioletred; } Foo Bar stackoverflow.com 나만 같은걸로 고통받고 있는거 아니었어 휴^^,, "사과랑 바나나는 맛있어" / "키위는 싫고 망고는 좋아"라는 문장에서 바나나와 망고만 노란색으로 표시를 하고, 을 사용하지 않고..