[Google] 크롬 홈 버튼 설정하는 방법

구글에서 만든 크롬 브라우저는 개발을 도와주는 ‘크롬 개발자도구’가 있습니다. 개발자 도구(Developer tools)를 이용해서 HTML, CSS, JavaScript의 생산성을 높일 수 있습니다. 개발자를 위한 도구이지만 글자 크기, 색, 간격과 같은 값을 확인할 수도 있고 웹사이트의 속도를 PC뿐만 아닌 모바일 버전으로도 확인할 수 있는 장점이 있습니다. 1. 개발자모드 실행 방법 실행 방법은 2가지가 있습니다. 검수하려는 웹사이트에…

크리에이티브 커먼즈 라이선스(Creative Commons License, 줄여서 CC 라이선스)란 저작자가 일정한 조건 하에 자신의 저작물을 다른 사람들이 자유롭게 이용할 수 있도록 허락하는 라이선스를 말합니다. 저작자가 저작자의 작품 사용 권한을 다른 사용자에게 부여하는 것을 말하며 각각의 단계를 가지고 있습니다. 1. 크리에이티브 커먼즈 라이선스 구성 Creative Commons License를 이용하는 허락 조건은 4가지로 구성되며, 다시 ‘이용허락조건’을 조합하여…

내 아이피 확인과 특정 IP 위치 조회를 한 화면에서. GeoIP 데이터베이스 세 곳의 결과를 나란히 보여 주고, 서로 얼마나 다른지까지 지도에 표시합니다. 내 공인 IP 주소 확인 중… 복사 조회 비워 두고 조회하면 내 IP를 다시 확인합니다. 출처별 위치 추정 각 데이터베이스가 이 주소를 어디로 보는지 그대로 옮긴 값입니다. 등록 정보 인터넷 주소…

클라우드플레어 CDN을 예전에 사용했었는데 최근 다른 워드프레스 사이트에 재 연결을 하게 되었습니다. 캐시 플러그인은 현재 사이트와 동일한 조건으로 세팅했는데 무료 플랜은 속도가 현재 사이트에 근접하지 못하고 오히려 느린 결과를 보였습니다.(현재 사이트는 클라우드플레어 CDN이 적용되지 않은 상태입니다) 원래 사이트처럼 동일하게 세팅해서 속도를 높일까 고민하다가 Pro플랜으로 업데이트 했습니다. 확실히 업데이트 후 현재 사이트보다 조금 느리지만…

웹 페이지를 구성할 때 자주 사용되는 태그가 div 태그와 span 태그 그리고 p 태그입니다. p(paragraph)는 단락을 나타내는 의미적 요소입니다. div(division)는 구획 및 구분의 약자로, 문서의 구조를 나누는 데 사용하는 블록 태그입니다. span은 텍스트 일부를 감싸는 데 사용하는 범용 태그입니다. ✅ SPAN 태그 사용 예시 ✅ DIV 태그 사용 예시 ✅ CMS 활용 콘텐츠…

PC 영역에서 웹 사이트 사이드바 왼쪽과 오른쪽 중에 어느 곳에 배치할 지 고민을 하게 됩니다. 대부분의 웹 사이트에서 사이드바Sidebar는 오른쪽에 있습니다. 페이지 내부에 위치한 정적인 페이지입니다. 사이드바의 용도에 대해 먼저 알아 보겠습니다. 1. 웹 사이트 사이드바 용도 사이드바는 PC 영역에서 주로 사용되며 모바일로 검색을 하는 시기에 많은 사람들이 데스크톱을 사용하지 않습니다. PC 전용…