elasticsearch(이하 es)에 데이터는 들어있고 이제 쿼리만 짜면 되는데 생각보다 엘라스틱서치의 쿼리가 익숙하지 않아서 삽질을 하는중이다. SQL로 하면 간단하게 할 수 있을것만 같은 쿼리를! 일단 필요한 구문이 groupby인데 es에서는 agg의 구문을 통해서 계산이 가능하다. 일단 입력받는 값이 시, 기간을 입력받고, 년도별로 월마다 평...
우리가 늘 알고 있다고 생각하지만, 한번 더 확인하면 좋은 git 명령어 및 flow
git을 사용하고 있지만 평소에 궁금했던 또는 사용하지 못했던 기능이 있었을까? 리마인드 한다는 마음으로 git에 대한 내용 용어 및 내용 정리. 순서는 무의미함 merge $ git merge <branchname> # 현재 작업 중인 브랜치에 <branchname>의 브랜치를 끌어와 병합 git add git에서 파일...
node.js Express certbot을 이용해 letsencrypt 무료로 설정하기 (+삽질 과정)
들어가며 현재 Gatsby로 부동산 관련된 프론트를 구성하고, nodejs를 이용해 data fetch 작업이 필요했다. 하지만 클라이언트가 https로 제공된다면, 백엔드 서버에서도 https로 REST API를 제공해야 한다. 현재 해당 블로그는 netlify를 이용해 호스팅을 하고 있고, netlify느 SSL인증까지 해줘 https로 서비스를...
SEO 추가해 검색엔진 최적화하기 (opengraph, twitter, ...)
네이버 사이트에 등록하려고 하니 다음과 같이 사이트가 최적화 되어 있지 않다고 상태와 진단 결과를 말해준다. SEO? 모든 사이트에는 페이지의 제목, favicon, 설명과 같은 기본 메타 태그 <head>요소가 있다. 이 정보들은 브라우저에 표시되며 누군가 나의 사이트를 공유할때 사용이 된다. 예를 들어서 카카오톡을 통해 사이트를 ...
이후 사이트 분석을 위한 Google Analytics를 추가
사용자의 반응을 보는게 이만한게 있을까 싶다. 사용자가 현재 몇명이 들어왔는지까지 보여주니 대단한 구글… 추가로 사이트에 페이지 방문자 수 측정이 가능하다. gatsby-plugin-google-analytics-reporter를 참고하면 이후에 pageView를 쿼리해서 알아볼수 있다. 이후에는 구글 애널리틱스의 리포트를 활용한 페이지를 한번 구성해...
gatsby plugin을 통해 advanced sitemap 추가하는 방법
사이트맵이란? 우리의 사이트가 어떤 구조로 글이 작성되어 있는지 지도를 보여주는 것으로 이해하면 간단하다. 인터넷상에는 여러개의 봇(bot)들이 돌아다니는데 이 봇들은 사이트를 돌아다니며 어떤 내용을 포함하고 있는지를 수집한다. 이렇게 수집된 사이트들은 이후에 사용자의 검색어를 통해 결과물로서 사용이 된다. 포털(구글 ,네이버, 다음, ..)의 결과물...
Gatsby에서 Typography를 이용해 폰트를 변경하는 방법
기본으로 typography가 마음에 들지 않아 변경을 하고자 한다. 이미 gatsby에서 제공하는 수 많은 plugin에서 typography에 관련된게 없을리가 없지 하고 찾아보니 https://www.gatsbyjs.org/docs/typography-js/ 를 참고하면 쉽게 폰트 변경이 가능했다. Typography.js를 사용하면 웹사이...
markdown에 instagram 추가 하는 방법
markdown에 인스타그램에 업로드한 사진 가져와 표시하고 싶다. 매번 인스타그램에 사진을 올리고, 올린 사진을 블로그에 다시 올리는 작업을 하다보니 언제부턴가는 둘중에 하나도 아닌 두개를 다 안하고 있더라.. 디스크 용량만 차지하는 사진들을 인스타에만 업로드하고 인스타에 업로드한 사진을 간단한 방법으로 markdown에 표시해보자 물론… mark...
Netlify에 Gatsby 블로그 무료로 배포 및 호스팅, 어디까지 무료로 가능할까?
gatsby로 사이트를 생성하고, 생성한 사이트를 어디에 어떻게 올려서 서비스(?)를 제공할 수 있을지에 대한 내용을 다뤄볼까 한다. 이번에 블로그를 새로 만들면서 아래와 같이 몇가지(…2가지) 요구 사항이 있었다. 무료 간편한 배포 위를 모두 만족한게 netlify 였고, 사용성도 좋아서 지금 현재 블로그에도 사용중이다. (좋다고 생각...
Gatsby로 블로그 만들어보기
(작성중) gatsby는 여러개의 plugin을 붙여서 내가 원하는 사이트를 만들수 있으며, 어느정도의 개발 능력이 요구되는것은 사실이다. 처응메는 짠 하고 만들면 바로 사용을 할 수 있을거라고 생각했지만 조금씩 내가 원하는 기능을 붙이려고 시도해보면 많은 어려움을 겪게 된다. tutorial, starter를 참고하면서 작성하면 도움이 된다. 블로...