HTML - BASICS

클라이언트(유저, 브라우저)와 서버간에 정보를 주고받는 과정을 HTTP(The Hyper Transfer Protocol) 가 가능하게 해준다. 이때 클라이언트가 요청한 정보를 보내는 방식(METHOD)에 여러가지가 있는다 가장 대표적인 것 두가지가 GET 이랑 POS

div 태그는 display:block 과 같은 성질을 가진다. 그래서 블럭을 쌓듯이 위로 포개지는 속성을 가지며 width, height 값에 영향을 받는다. 반면 span 태그는 display: inline 과 같은 성질을 가지며 옆으로 또는 위아래로 다닥다닥 붙는

이름에서도 알 수 있듯이 html에서 기본적으로 제공해주는 tag뿐만아니라 내가 직접 tag를 설정하고 그 tag에 해당하는 기능을 만들 수 있다.예를 들어 <time-formatted> 라는 tag를 만든다고 하면 아래와 같이 tag의 이름과 그 tag에 기능을

html img attribute를 통해 이미지 최적화를 할 수 있다. next js image도 이걸 바탕으로 최적화 한다.더 자세한 내용은 아래 링크로 https://web.dev/learn/design/responsive-images/#sizes

테이블 만들때 간격이나 너비때문에 애먹으면 div를 넣어보아라. 편법이지만 잘적용됨 ㅋㅋㅋㅋㅋ

whats-app 클론을 만들다가 겪은 이슈이다.데스크탑 모드에선 전혀 문제가 없었다. 문제는 모바일 모드에서 발생하였다.모바일에서 테스트하다가 어느순간 화면이 zoom out되면서 모든 요소가 작아졌고 보이지 말아야 할(화면 바깥에 숨겨져야할) toast search