디자인과 개발 그 사이

viewport 필요한 이유 모바일 브라우저(사파리, 크롬 등)는 기본 정책으로 Default 뷰포트 너비를 980px으로 책정하고 화면에 맞게 비율을 줄여서 보여준다. 이 때문에 PC 환경에서 제작된 웹사이트는 모바일 환경에서 확인했을 때는 내용이 작아져 버리는 상황이 생김 다시 말해 작은 화면의 모바일 단말기에 웹 페이지 모두를 표시하려고 하니 전체적인 페이지의 배율이 조정되는 것이다. 따라서 웹 사이트를 만들 때 뷰포트에 대한 설정을 해주어야 이러한 문제를 해결하고, 반응형 웹사이트를 제대로 동작시킬 수 있다! 가장 많이 사용하는 meta viewport 기본설정 👍 width=device-width : 콘텐츠를 표현할 넓이 ('디바이스 크기에 맞추겠다' 고 선언) intial-scale=1 : 초..

meta CEO meta 태그는 페이지의 가장 처음에 수집되는 정보 기본 meta 페이지 제목 title : meta 태그는 아니지만 사이트 제목에 해당하는 태그 description : 해당 페이지의 설명글, 문장으로 표현 keywords : 페이지에 들어간 내용의 키워드들을 단어로 적용, 쉼표로 구분 ※ 참고 : 검색엔진은 keywords의 영향보다는 description에 더 많은 영향을 받음 sns meta / url 이미지 og : 페이스북에 정보를 제공 twitter : 트위터에 정보를 제공 ※ og, twitter 이 태그들은 페이스북과 트위터에만 영향을 주는 것이 아닌, 네이버나 카카오톡 등에서도 활용!!!! ※ 카카오톡에 url을 보냈을 때 나오는 이미지나 제목에도 적용!!! title ..