간만에 구글 애널리틱스에 가보니… 티스토리나 알려진 블로그 플랫폼은 Google Analytics의 연결이 매우 편리하게 되어있다. 하지만 그외 플랫폼은 직접 연결을 해줘야 한다. 사실 붙여놓고 잘 안들어갔다. 내 개인 블로그를 많이 와주면 고맙겠지만, 이런거 일일히 신경쓰면 피곤하다. 그래서 오면 오고 안오면 안오나보다 하고 하는게 맘 편하다. 그리고 내가 무슨 네임드 개발자도 아니고, 그냥 삽질하고, 경험한거 쓰는 블로그인데 뭐… 그래도 궁금한거 댓글 남기거나 하면 바로바로 답은 해주려고 노력하는 편이다. 서두가 길었다. 어느날부터인가… 애널리틱스 사이트에 들어갔더니 아래처럼 뭔가 떴다. 지금이 벌써 23년 4월이니 이제 준비를 안하면 이 집계도 못사용하겠다 싶어서 바꿔봤다. 근데 내가 쓰는건 만든이가 더 이상 관리하지 않는 오픈소스 테마였기에… 문제가 있으면 스스로 고쳐서 써야하는 상황이다. 그래서 그냥 애널리틱스 ID만 바꾸면 쉽게 해결될 것 같아서 gatsby-meta-…

블로그 이미지가… 전부터 좀 거슬리긴 했는데 이미지를 올리면 디지털 열화라고 부르는, 아주 낮은 품질의 이미지가 보이기 시작했다. 내가 올린 다른 컨텐츠의 썸네일 이미지인데 딱 봐도 품질 저하가 느껴진다. 이유야 알고 있었는데 해결해야지 하다가… 오래 끌었다. 일단 내가 쓰는 블로그는 Gatsby-starter-bee 이걸 약간 내 입맛에 살짝 바꿔서 쓰고 있다. 그래서 다른 개츠비 테마나 또는 직접 만든 것의 경우 아래의 플러그인을 사용한다면 해당 방법이 유효할 것이다. How to? 먼저 자신이 사용하는 테마나 또는 직접 만든 것이라면 gatsby-remark-images 플러그인을 수정하면 끝이다. 아래는 Gatsby-starter-bee 기준인데 다른 테마나 커스텀도 금방 찾을 수 있다. 먼저 gatsby-config.js파일에서 아래의 부분을 찾아본다. 여기서 resolve: , 영역의 옵션에서 퀄리티 값을 주면 된다. 근데 80을 줘봤는데 약간 열화가 심하고, 90도 …

블로그를 보다가… 뭔가 한글이 좀 이상하게 보이는 느낌이 들었다. 너무 두껍고 가독성이 떨어진달까나? 그래서 폰트를 바꿔보려고 찾아봤다. 먼저 내가 쓰는 블로그 템플릿은 Gatsby-Starter-Bee이거를 쓰고 있다. 그리고 Node 버전은 이 블로그 구동을 위해 14.15.0으로 설정했다. 1. 폰트를 구해보자 이 블로그 템플릿은 typeface를 사용한 거 같은데 이거를 찾아보니 Deprecated 되었다. Github 참고 그리고 이것을 대신할 것이 fontsource이다. 더 자세한 정보는 FontSource 깃허브 와 공홈 을 참조하자. 무튼…나는 처음에 네이버의 나눔 고딕 폰트를 추가해봤지만…영 별로였다. 그래서 이것저것 찾다가 구글 폰트가 괜찮다 해서 해당 폰트를 찾게 되었다. 일단 적용을 위해 설치를 해준다. 이렇게 설치를 하고 난 뒤에 몇 가지 설정을 해줘야 한다. 2. 폰트 설정해주기 아래의 순서로 하나씩 해준다. 2-1 gatsby-browser.js 상단에…

블로그를 갈아타면서… 기존에 쓰던 Hexo 를 버리고 새롭게 이전을 했다. 개인적으로 만들던 플젝에 집중하느라 블로그 이전이 좀 늦었었다. 자잘한 이야기는 뒤로 하고… Gatsby로 갈아타면서 직접 블로그를 만들까 했는데 할일이 너무 많아서 포기했다. 사실 직장 안다니면 한가할 줄 알았는데 전혀… 할일이 더 많아진거 같다. =.= 그래서 직접 개발은 포기하고 다른거 주워서 쓰려고 찾아보니… 이 블로그 테마가 가장 많이 사용되는거 같았다. Gatsby-starter-bee 근데 이 테마의 단점(?)은 검색 기능이 없다는 것이다. 그래서 깃허브 이슈에도 등록이 되어는 있지만, 진척은 없었다. 그래도 마지막에 kostyrko라는 외국 성님이 뭔가 힌트를 줘서 나도 그거에 맞춰 적용을 해봤다. 이 내용은 내 블로그에 검색 기능을 추가하는 것을 남길 목적으로 포스팅한다. 다른 테마 버그나 기타 문의는 깃허브 이슈 등록을 하고 물어보길 바란다. (여담인데 요새는 업데이트가 안되고 버려진거 같…