사용하는 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 등에서 사용되는 해상도로, 모바일 웹 사이트나 앱을 개발할 때 많이 고려됩니다.
※ 인치란?
웹사이트의 품질을 정량적으로 평가하려면 단순히 ‘속도 점수’만 보는 것보다, 구글이 제시하는 공식 웹 성능 기준(Core Web Vitals)을 기반으로 진단하는 것이 더 중요합니다. 크롬 개발자 도구 Lighthouse 탭은 구글이 직접 개발한 웹 성능 분석 도구로, PageSpeed Insights와 동일한 알고리즘을 로컬 환경에서 즉시 실행할 수 있는 기능을 제공합니다. 즉, 구글 서버에 요청하지 않아도 내 브라우저…
웹사이트 콘텐츠를 발행할 때 [블로그 포스트&기사] 둘 중에 어떤 콘텐츠를 발행하는 것이 맞는지 SEO 관점에서 고민할 수 있습니다. 아니면 구글링으로 검색한 웹페이지의 콘텐츠가 Blog 게시물인지 기사인지 생각해 보신 적이 있나요? Blog Post vs. Article 두 종류의 콘텐츠는 어떤 차이점을 가지고 있으며 비즈니스 관점에서 어떤 콘텐츠를 게시하는 것이 더 나을지 알아 보겠습니다. 목차1. 내…
구글에서 만든 페이지스피드 인사이트는 웹사이트의 속도와 사용자 경험을 측정해주는 대표적인 성능 분석 도구입니다. 단순히 웹사이트 속도 측정을 위한 페이지 로딩 시간을 평가하는 것을 넘어, 코어 웹 바이탈 평가 지표를 기반으로 사이트의 전반적인 품질을 진단하고 개선 방향을 제시합니다. 코어 웹 바이탈은 실제 사용자 경험을 수치화한 3가지 핵심 지표로, 주요 콘텐츠가 화면에 표시되는 속도(LCP: 최대…
HSTS는 기존 HTTPS 프로토콜을 사용하면서 보안을 한층 강화한 방식입니다. 목차1. 내 브라우저 해상도 크기 확인 하기2. PC 모니터& 노트북 브라우저 크기2.1 PC2.2 노트북3. 스마트폰 브라우저 크기3.1 아이폰3.2 삼성 스마트폰4. 태블릿 1. HSTS 설정방법 HSTS 설정방법은 리눅스 서버에서 설정하는 방법과 사용하는 CDN 서비스에서 지원하는 경우 CDN에서 설정하는 방법 등이 있습니다. 리눅스 서버에서 설정하는 방법과…
페이지 로딩 속도는 사용자 경험(UX)에 직접적인 영향을 미치며, 검색엔진의 순위에도 반영됩니다. 특히 Core Web Vitals(LCP, FID, CLS) 지표는 구글이 공식적으로 평가 기준으로 사용하는 만큼, 정기적인 웹사이트 속도 측정과 개선이 필수적입니다. 이 글에서는 실제 웹사이트의 성능을 점검하고, 병목 구간을 파악할 수 있는 대표적인 속도 측정 도구 5가지를 소개합니다. 각각의 장단점과 활용 팁을 함께 정리하여,…
대문자, 소문자, 숫자, 특수 문자를 조합하여 최상의 보안을 달성하세요. 최소 6자리 비밀번호부터 최대 30자리 까지 가능합니다. 비밀번호 관리의 걱정을 덜어드립니다. 온라인 안전성을 높이는 데 도움이 되는 무료 도구입니다. 목차1. 내 브라우저 해상도 크기 확인 하기2. PC 모니터& 노트북 브라우저 크기2.1 PC2.2 노트북3. 스마트폰 브라우저 크기3.1 아이폰3.2 삼성 스마트폰4. 태블릿랜덤 비밀번호 생성기 ▲ 웹사이트…