기본 Open Graph 설정하기
프로젝트를 진행할 때 기본적으로 세팅해야 하는 오픈 그래프 메타 태그를 기록해둔다. 🚨 단일 페이지가 아닌, 글이 많은 블로그나 페이지가 다양한 기업 홈페이지를 개발한다면 유동적으로 메타 태그가 생...
블로그
GitHub Pages 배포 시 Custom Domain이 초기화 될 때
GitHub에서 제공하는 Pages는 나만의 Custom Domain을 설정할 수 있다. 그런데, 설정을 잘 하고 배포를 하면 설정한 Custom Domain이 해제되어 기본 도메인으로 되돌아가는 경우가 있다. 🙁이럴 땐 배포를 할...
IcoMoon을 활용한 커스텀 아이콘 폰트 만들기
간단하게 폰트처럼 사용할 수 있는 아이콘 폰트를 찾다 보면 FontAwesome, Material Icons 등 다양한 아이콘 폰트가 있다.사용하기 편리하고 다양한 아이콘을 제공해서 너무 좋으나 사용하지 않는 아이콘을 불러...
가비아 호스팅에서 워드프레스 “한글 퍼머링크”가 제대로 동작하지 않는다면?
가비아 호스팅에서 워드프레스 “한글 퍼머링크”가 제대로 작동하지 않는다면, .htaccess 파일에 아래 코드를 추가하자. .htaccess <IfModule mod_url.c> CheckURL On ServerEncoding UT...
핸드폰에 있는 Google OTP, 크롬 브라우저에서 똑같이 사용하기
매번 OTP를 입력할 때마다 핸드폰을 켜는 게 너무 귀찮아서핸드폰에 있는 Google OTP를 브라우저에서 사용하고 싶어서 찾아보고 그 방법을 기록해 둔다. 1. 크롬 확장프로그램 설치 크롬 웹스토어에서 ...
CSS Media Query를 사용한 기기별 체크
CSS Media Query를 사용하면 간단하게 기기의 다양한 상태 체크가 가능하다. iOS인지 Windows인지, 마우스 커서가 없지는 않은지, 핸드폰이 가로로 되어있는지 세로로 되어있는지 등등!매우 많은 방법이 있지...