크롬개발자도구 2

[크롬 개발자도구]웹사이트 폰트 크기 마음대로 바꾸기 (1rem 기준 설정 방법)

안녕하세요 무택입니다 :) 오늘은 크롬에서 폰트 셋팅 창에 대한 설명을 짧게 해보도록 하겠습니다. 1rem의 개념 1rem은 프론트엔드를 개발하면서 폰트 크기를 정할 때 주로 사용합니다. rem이란 px과 같은 단위의 한 종류인데 보통 1rem은 16px을 말합니다. 왜냐하면 브라우저의 기본 폰트 사이즈가 16px로 정해져 있기 때문에 1rem은 16px로 많이 사용합니다. 그렇다면 이 기본 폰트 사이즈는 어떻게 변경할 수 있을까요? 개발자도구 폰트 설정 `chrome://settings/fonts` 위 링크로 들어가면 폰트 설정을 할 수 있습니다. 기본 글꼴 크기, 폰트 지정을 설정할 수 있으며, 글꼴 크기를 변경하면 1rem으로 지정한 글꼴의 크기가 변하게 됩니다. 아래 예시 텍스트가 있으니 위 링크..

5분만에 배우는 크롬 개발자 도구로 웹사이트 SEO 최적화하는 방법

안녕하세요 무택입니다 :) 오늘은 5분만 투자하여 크롬 개발자 도구를 활용하여 웹사이트의 SEO를 최적화하는 방법을 배워보겠습니다. SEO(Search Engine Optimization)는 웹사이트가 검색 엔진 결과 페이지에서 높은 순위를 차지할 수 있도록 최적화하는 프로세스를 의미합니다. 이를 위해 크롬 개발자 도구는 매우 유용한 도구 중 하나입니다. 크롬 개발자 도구 소개 크롬 개발자 도구는 Chrome 브라우저의 내장 개발자 도구로, 웹 개발 및 디버깅을 위한 강력한 기능을 제공합니다. 이를 통해 웹사이트의 성능을 분석하고 문제를 해결할 수 있으며, SEO 최적화에도 도움이 됩니다. SEO최적화 방법 웹사이트 로딩 속도 최적화 먼저, 웹사이트의 로딩 속도를 최적화해야 합니다. 빠른 로딩 속도는 검..

✏️티스토리 2024.03.05