사용하는 PC 및 모바일 내 브라우저 해상도 크기 확인이 필요할 때가 있습니다. 모니터 별 다양한 디바이스 크기가 있으며 우선 대표적인 3가지 디바이스 크기입니다. 크롬 브라우저에서 이 페이지에 접속하면 목차 1.에서 접속한 디바이스(PC,테블릿,스마트폰 등) 해상도 크기를 확인할 수 있습니다.
1. 내 브라우저 해상도 크기 확인 하기
내가 사용하는 브라우저 화면 크기가 몇 인치인지 아래 창을 통해 확인할 수 있습니다. 가로x세로 비율이며, 디바이스의 외부 및 내부 크기 별로 확인할 수 있습니다.
ⓐ1920 x 1080: 이는 Full HD 해상도로, 일반적으로 사용되는 데스크톱 모니터의 해상도입니다.
ⓑ1366 x 768: 이는 일반적인 노트북 모니터의 해상도로, 13인치 노트북이나 14인치 노트북에서 많이 사용됩니다.
ⓒ414 x 896: 이는 모바일 디바이스 중 iPhone XR, iPhone 11, iPhone 11 Pro, iPhone 12 mini 등에서 사용되는 해상도로, 모바일 웹 사이트나 앱을 개발할 때 많이 고려됩니다.
※ 인치란?
HTTP(HyperText Transfer Protocol)는 W3에서 정보를 주고 받을 수 있는 프로토콜입니다. 하이퍼 텍스트 전송 프로토콜은 웹 브라우저와 같은 통신 플랫폼에 웹 사이트를 로드할 때 사용되며 인터넷에서 데이터(HTML, CSS, 이미지, 비디오 등)를 전송하는데 사용되는 프로토콜입니다. 목차1. 내 브라우저 해상도 크기 확인 하기2. PC 모니터& 노트북 브라우저 크기2.1 PC2.2 노트북3. 스마트폰 브라우저 크기3.1 아이폰3.2 삼성 스마트폰4. 태블릿HTTP 요청…
워드프레스를 시작하게 되면 워드프레스 블록에디터인 구텐베르크(Gutenberg) 편집기란 단어를 접하게 됩니다. 예전 워드프레스 편집기는 클래식 편집기를 사용했지만 보다 직관적인 웹 구축 경험을 위해 Gutenberg 편집기로 대체되었습니다. 목차1. 내 브라우저 해상도 크기 확인 하기2. PC 모니터& 노트북 브라우저 크기2.1 PC2.2 노트북3. 스마트폰 브라우저 크기3.1 아이폰3.2 삼성 스마트폰4. 태블릿워드프레스 블록에디터: 구텐베르크란? Gutenberg란 Wordpress 플랫폼의 블록 기반…
블랙햇 SEO(Black Hat SEO)는 부도덕한 방법으로 상위 노출과 유기적인 트래픽을 노리는 검색엔진최적화 전략을 의미합니다. 블랙햇의 유래는 서부 영화에 나오는 악당들이 검은 모자를 쓰고 등장하는 것에서 유래되었습니다. 단기적으로 성과를 낼 수 있지만 장기적인 관점에서 낮은 품질의 콘텐츠 등으로 인식될 수 있습니다. Black Hat SEO의 반대인 White Hat SEO와 Grey Hat SEO가 있습니다. 목차1. 내…
블로그를 포함한 인터넷 전자상거래, 회사 소개 웹 사이트 등 모든 종류의 웹 사이트의 중요한 목적은 웹 사이트의 웹 트래픽을 늘리는 것입니다. 전 세계 검색 시장의 높은 점유율을 차지하고 있고 앞으로도 유지할 것으로 보이는 구글에서 운영 중인 구글 서치 콘솔(Google Search Console)은 무엇인지 알아 보겠습니다. Google Search Console이란 웹 마스터가 색인에서 웹사이트의 상태를 모니터링…
전 세계적으로 꾸준히 사랑 받고 있는 CMS는 워드프레스, 쇼피파이, 윅스, Squarespace, 드루팔, 줌라, Ghost CMS 등 다양합니다. 그리고 언제 없어질지 불안감을 가질 필요가 없습니다. 한국의 서비스 종료된 블로그가 많다는 사실을 우리는 경험을 통해서 알고 있습니다. w3techs에서 글로벌 순위를 확인할 수 있습니다. 가치 있는 콘텐츠를 생산해서 여러가지 방법으로 수익을 창출할 수 있다는 것은 콘텐츠는…
PC 영역에서 웹 사이트 사이드바 왼쪽과 오른쪽 중에 어느 곳에 배치할 지 고민을 하게 됩니다. 대부분의 웹 사이트에서 사이드바Sidebar는 오른쪽에 있습니다. 페이지 내부에 위치한 정적인 페이지입니다. 사이드바의 용도에 대해 먼저 알아 보겠습니다. 목차1. 내 브라우저 해상도 크기 확인 하기2. PC 모니터& 노트북 브라우저 크기2.1 PC2.2 노트북3. 스마트폰 브라우저 크기3.1 아이폰3.2 삼성 스마트폰4. 태블릿1….