블로그
9 posts
netlify 에서 커스텀 도메인 이용하기

나는 porkbun이라는 업체에서 도메인을 구매했다 netlify에서 커스텀 도메인을 연결시킬 수 있고 방법은 아래와 같다. 이 글에서는 porkbun 사이트 기준이나, 대부분의 도메인 사이트들에서 하는 일은 비슷하다. 1. Domain Settings 에 들어간다. 2. Add custom domain 클릭 3. 적용을 원하는 자신의 도메인을 넣고 verify 4. Options -> Go to DNS panel 5. Name servers 의 항목들을 복사한다. 6. porkbun 에서 authoritative nameservers 를 위의 netlify 에서 복사한 name server 로 바꿔준다. 타 도메인 사이트에서도 네임서버를 바꿔주면 된다. 아래와 같이 바꿔주면 된다 적용이 완료되면 아래와 같이 대신 이 뜬다. Github pages에서도 커스텀 도메인이 적용가능하다 -> github pages 에서 커스텀 도메인 이용하기 1. Domain Setti…

November 22, 2021
블로그
netlify 로 gatsby 블로그 자동배포하기

github pages로도 자동배포가 가능하고, 커스텀 도메인도 적용가능한데 netlify를 쓰는 이유는 뭘까 찾아봤다. netlify 홈페이지에서 보니 훨씬 좋다고 한다. 빌드시간이 월 300분이긴하지만, 블로그를 한 달에 300분 이상 빌드할 일도 없고 무료이니 안 쓸 이유가 없다. 게다가 netlify에서 자동배포하는 것은 훨씬 더 쉽다. 1. git에서 import 하기 import from git 클릭 후 github 와 연동하면 repository를 선택할 수 있다. 원하는 repository 를 선택하면 아래와 같은 설정 창이 나온다. 2. 사이트 세팅 (build command, publish directory 설정) Branch to deploy -> master Build command -> npm run build Publish directory -> public 후에 Deploy site 버튼을 눌러주면 build 후에 deploy 된다. 또 앞으로 ma…

November 22, 2021
블로그
github pages 에서 커스텀 도메인 이용하기

레퍼지토리에 올리는 사이트는 라는 깔끔한 주소의 사이트에 배포된다. 하지만 이 주소보다 개인만의 도메인을 사용하고 싶은 때가 올 수 있다. 나는 porkbun이라는 업체에서 도메인을 구매했다 물론 github pages에서 커스텀 도메인을 연결시킬 수 있고 방법은 아래와 같다. 이 글에서는 porkbun 사이트 기준이나, 대부분의 도메인 사이트들에서 하는 일은 비슷하다. 1.ssl 인증서 받기 porkbun에서는 무료로 ssl 인증서를 발급해준다. porkbun에서 domain management에 가면 자신의 도메인이 나오고 details 를 눌러 다양한 정보들을 확인할 수 있다. 그 중 ssl 부분에서 edit 을 눌러주면 ssl을 발급해주고 시간이 어느 정도 소요될 수 있다. 2.DNS records 추가하기 dns records 부분에서 edit 을 눌러주면 추가할 수 있는데 , 로 하고 에는 , , , 총 4개의 값을 각각 입력하여 아래와 같은 결과가 나오게 …

November 22, 2021
블로그
github pages 로 gatsby 블로그 자동배포하기

과거에 쓰던 gatsby 테마는 내가 브랜치를 만들어서 거기에 블로그 파일을 만들어 관리하고 deploy 를 master 브랜치에 해서 배포가 되는 식으로 진행되었다. 너무 귀찮았고 귀찮으니 글 쓰기도 귀찮았다. 마침 새로 적용한 leonids 테마에는 자동배포하는 workflow가 있었다. 코드는 아래와 같다. 아마 대부분의 gatsby blog 는 이러한 workflow 를 이용하거나 약간 수정하면 될 듯 싶다. secrets.ACCESS_TOKEN 과 관련한 문제는 여기를 클릭하여 참고하면 좋다. 이 workflow가 하는 일은 master 브랜치에 push 되면 빌드해서 브랜치에 올려준다. 깃헙 페이지의 작동방식은 정적 사이트가 있는 브랜치를 선택하면, 보여주는 것이다. 우리가 빌드한 정적 사이트는 라는 브랜치에 올라가 있으므로 보여줄 브랜치를 로 선택하는 과정이 필요하다. 에서 branch 를 로 바꿔주면 앞으로 push 할 때마다 자동으로 빌드되어서 에서 확인할…

November 22, 2021
블로그
porkbun에서 깃허브 블로그 도메인 구매하기 및 도메인사이트

도메인 구매 과정 어느 순간부터 github.io 라는 주소가 식상하게 느껴졌다. 나만의 주소를 갖고 싶었고 도메인 구매를 알아보았다. 아무래도 처음 알아본 곳은 검색에 많이 노출된 국내사이트들인데, 가비아라는 사이트가 맘에 들었다. .xyz 도메인이 일년에 1,900원이라니 생각보다 너무 싼 가격에 놀랐다. 그냥 .xyz도메인을 구매하려 했으나 .dev 도메인이 너무 탐났다. 그런데 가비아에서 dev 도메인은 일년에 29,000원… 생각보다 비싼 가격에 고민하고 있을 무렵 해외 도메인 업체에 대해서 포스팅한 블로그를 보게되었다. Namecheap, Namesilo, Porkbun 세 도메인 사이트를 추천해주셨고 porkbun이 제일 싸다는 말에 사이트에 들어가서 .dev 도메인 가격을 보니 11달러 정도로 국내가의 거의 반값이었다. 구매과정은 생각보다 간단했다. 우선 원하는 주소가 구매 가능한지 검색한다. 가격을 확인 후 원하는 도메인에서 오른쪽에 있는 + 버튼을 누르면 나오…

November 22, 2021
블로그
블로그 이사하기

블로그에 첫 글을 작성한 건 2019년 2월 24일이었고 2020년 4월에는 아래와 같은 글을 올렸었다. 그 당시에는 이런 블로그에도 40번이나 클릭이 되는구나 했었는데, 특별히 쓴 글이 많지는 않지만 지금은 꽤나 늘었다. 블로그 글을 좀 더 자주 쓰려고 했는데 별로 예쁘지도 않고 넣고 싶은 기능이 있어서 차라리 내가 원하는 형태의 테마를 새로 적용하는게 낫겠다 싶었다. 그 결과 찾은 테마는 leonids 테마 였다. 왼쪽에 구분 선이 있는 것이 맘에 들었다. 새로운 테마를 적용하는 것은 간단한 듯 복잡했는데 마크다운 파일들을 path에 맞게 옮겨주고 글에 있는 path들을 약간 고쳤다. 그리고 설정파일을 조금 손 봐주니 완료되었다. 가장 추가하고 싶은 기능은 왼쪽에 카테고리를 항상 띄워놓는 것이다. 아무래도 카테고리 기능이 있어야 블로그의 다른 글로 유입이 쉽다는게 느껴저서 빨리 추가해볼 예정이다.

November 21, 2021
블로그
github branch로 gatsby 블로그 파일 관리하기

앞선 글 (빠르게 Gatsby + Github pages 로 블로그 만들기)에서 보았듯이 github pages에 배포를 할 때 빌드된 파일이 master branch에 올라가기 때문에 빌드되기 전 블로그를 작성하는 파일은 master branch에서 버전관리가 어렵다. 그렇다면? 새로운 브랜치를 만들어서 master 브랜치에는 빌드된 블로그만, 새로운 브랜치에서는 빌드되기 전 파일들만 관리하면 한 repository에서 두 가지 버전을 관리할 수 있게 되겠다. -u 명령어는 뒤에 입력된 값을 기억시켜준다. 즉 다음 git push 명령어는 git push origin develop 와 같다. 이제 로 배포하고 로 develop branch에 올릴 수 있게 되었다.

September 15, 2019
블로그
VM(구름IDE, Google Cloud Platform 등)에서 Gatsby를 이용하는 경우에 localhost에 접속하기

gatsby 블로그를 만들면서 처음으로 만났던 문제는 VM의 localhost에 접속을 해서 내 블로그가 잘 만들어지고 있는지 확인을 못한다는 사실이었다. 그래서 배포를 통한 확인만이 답인가? 라는 바보같은 생각을 할 때쯤 구글링으로 답을 발견했다. 참고 : jekyll를 이용한 GitHub Pages에 블로그 만들기 #1 그 후에야 아래와 같이 공식홈페이지에 써있던 내용인 것을 알았다. If you are using VM setup like vagrant and/or would like to listen on your local IP address, run gatsby develop — —host=0.0.0.0. Now, the development server listens on both ‘localhost’ and your local IP. —host=0.0.0.0() 명령을 통해 development server를 모든 ip에서 접근 가능하도록 하는 것이다. 그러니까 VM …

September 14, 2019
블로그
빠르게 Gatsby + Github pages 로 블로그 만들기

이 글을 보면 좋은 사람들 영어로 된 공식홈페이지를 읽기 귀찮은 분 빠르고 간결하게 gatsby 블로그를 만들어서 github pages에 배포하고 싶으신 분 개발환경 구름IDE 무료 버전 (Ubuntu 14.04 LTS) - 군대라는 장소적 제약 때문에.. gatsby 선정이유 과거에 jekyll 을 이용한 github 블로그를 만들다가 ruby 가 너무 익숙치 않아서 포기하고(수정을 못하겠다..) 인터넷 검색 중에 gatsby 를 알게 되었다. gatsby는 React(요즘 핫해서,,)로 이루어져 있고 비교적 최신 것이며 star 도 많이 받았기 때문에 선택했다. 게다가 jekyll 블로그 관련 포스팅이 gatsby 관련 포스팅에 비해 2배 많았던 것도 한몫했다. 다른 프레임워크들보다 모든 부분에서 좋댄다 (참고 :https://www.gatsbyjs.org/features/jamstack/gatsby-vs-jekyll-vs-hugo/) 다른 언어가 익숙하다면 jekyll,hu…

September 14, 2019
블로그