본문 바로가기

분류 전체보기13

giscus: Github Discussion을 이용하여 댓글을 달아보자. Github로 댓글 달기: utterances 혹시 Github을 이용하여 댓글을 달아보신 경험이 있을까요? 댓글을 남기려 하면 Github에 로그인을 한 뒤에 댓글 서비스 앱을 계정 설정에서 허가 하면 댓글을 쓸 수 있는 서비스 말입니다. 이런 서비스의 대표적인 예시로 utterances가 있습니다. 이런 이슈들은 Github issues를 이용해서, 각 페이지별로 매핑되는 이슈를 생성하여 댓글을 관리합니다. DB가 필요 없고, Github 이슈의 형태로 저장하니깐 정적 사이트에도 달기도 쉽고, GFM 문법도 지원됩니다. 플랫폼을 이전해도 여전히 사용할 수 있기도 하고요. 개발자면 대부분 Github 계정을 가지고 있으니 기술 관련 사이트에서 좋은 선택입니다. 그렇지만 Github issues는 한 문.. 2021. 11. 16.
프로젝트 회고록: gh-pages와 Github Pages 커스텀 도메인 설정 및 삽질기 2021년 내용추가 : Create React App의 공식 문서에 따르면, public/ 폴더에 CNAME을 넣으면 이렇게 복잡한 방식으로 CNAME을 만들 필요가 없습니다. 아직 완성되려면 한참 남았다. 현재는 기본적인 컴포넌트 이름만 정한 상태입니다. 딱봐도 대충 만들었잖아요. Github pages에서 커스텀 도메인 설정하기 Github pages에서 커스텀 도메인 설정하기는 글이 많습니다. 솔직히 언급 안해도 됨. 하지만 그래도 적어야죠. Github 저장소 세팅에서 Github Pages에 커스텀 도메인을 연결해주는 항목이 있습니다. 여기서 사용할 도메인을 입력하면 자동으로 CNAME 파일을 커밋해 줍니다. - 그리고 가입한 DNS 서비스에서 마저 연결 설정하면 끄읕 여기서 모든 일이 잘 풀렸.. 2021. 11. 15.
뉴스레터 리팩토링 1. Async function 적용 예전에 저는 이메일 봇을 Github Actions를 통해 만든 적이 있습니다. 이번에는 그 봇을 조금 더 개선해본 경험을 정리해보겠습니다. 1. .then() 체이닝에서 async function으로 JS에서 비동기 작업을 처리하는 데에는 여러 방법이 있습니다. 옛날 부터 많이 쓰였던 CallBack도 있고, 반환 결과에 따라 다른 결과를 연결하기 쉽게 .then()으로 처리하는 Promise도 있고, 이를 동기함수 처리하듯이 짜기 위해 만들어진 asynce function도 있습니다. 처음에는 직관적으로 바로 다음 작업이 연계되는 Promise와 .then()을 기반으로 짰었는데 뭔가 아쉬웠습니다. 각 부분이 뭘 하는 지 명확하지가 않다. : 전부 다 then으로 연결되어 있으니 각 부분이 뭘 하는 .. 2021. 11. 14.
Github Actions로 이메일 뉴스레터 만들기 (1) 먼저 제 글과 이번 프로젝트는 jwn4492님의 Github Action으로 매일마다 브리핑 받기!을 기반해서 만들었습니다. 감사합니다. 소스코드는 이 곳입니다. 왜 GitHub Actions를 썼는가? Github actions는 여러분의 git 저장소에 있는 코드를 원하는 조건(예) cron, push, pull request, issue 작성) 등의 일이 생겼을 때 지정해놓은 명령어를 실행시켜주는 기능입니다. 테스트 통과여부를 측정하는 코드를 작성할 수도 있고, 아니면 결과물을 빌드해서 다른 곳에 올려주는 코드를 작성할 수 있습니다. 아니면 단순하게 작성한 코드를 정기적으로 실행시키는 역할만 해도 되죠. 제가 하기로 한 일은 대학공지들 중 최근 공지들을 긁어와서 그 목록을 보여주는 일이었습니다. 매.. 2021. 11. 14.