728x90 개발일지/github5 [Github] 깃허브 토큰을 이용한 GithubAPI 사용 본 포스팅은 NextJS 13 환경에서 진행한 내용을 바탕으로 한다. GithubAPI 사용법은 공식 문서에 상세히 나와있기 때문에 사용법보다 토큰 만료 문제를 주로 다룬다. GithubAPI란? Github의 기능을 REST API 형식으로 사용할 수 있도록 도와주는 기능이다. https://docs.github.com/en/rest?apiVersion=2022-11-28 GitHub REST API documentation - GitHub Docs To create integrations, retrieve data, and automate your workflows, build with the GitHub REST API. docs.github.com 아래와 같이 사용할 수 있는 기능이 많다. 1. .. 2023. 3. 31. utterances를 이용한 Nextjs Github blog 댓글 기능 구현 utterances란? github repository의 이슈 기능을 활용해 내 웹사이트에 댓글 기능을 추가할 수 있는 도구로, 별도의 백엔드 구성을 하지 않고 댓글들을 관리할 수 있다는 장점이 있다. 많이 비교되는 disqus라는 툴도 있지만, disqus가 댓글 작성을 누구나 할 수 있다는 장점이 있지만, 광고가 많다는 단점이 있다. 그에 반해 utterances는 github 계정 소유자만 댓글을 작성할 수 있지만, 별도의 광고도 없고 댓글 작성 시 Markdown을 지원한다는 특징이 있다. 나는 utterances를 github blog에 사용할 생각이기에 굳이 utterances의 장점을 버리고 disqus를 사용할 이유가 없었다. 사용방법 1. repo 생성 public으로 설정된 새 레포가 .. 2023. 3. 15. GithubAPI를 이용한 repository 정보 불러오기 Github REST API 설명서 https://docs.github.com/ko/rest?apiVersion=2022-11-28 GithubAPI 이용 시 토큰이 필요한 경우 아래와 같이 토큰 발급이 가능하다. 우측 상단의 프로필을 통해 Settings 접근 좌측 하단의 Developer settings 접속 Tokens나 Fine-grained tokens를 통해 원하는 권한들을 설정해 토큰을 생성할 수 있다. Github 홈페이지에 여러 api들이 많기때문에 필요에 따라 사용하면 좋을 것 같다. 여기서는 repository 안의 파일들의 정보만을 가져올 것이다. requestURL const BASE_URL = "https://api.github.com/repos/{유저명을 포함한/레포지토리 이름.. 2023. 3. 15. Github pages 블로그에 Markdown 내용 불러오기 필요한 패키지 yarn add gray-matter # 문자열이나 파일에서 머리말을 구문 분석, 파일에서 메타데이터와 내용 등 추출 시 사용 yarn add marked yarn add @types/marked # 타입스크립트의 경우 yarn add react-markdown # 과 유사함 yarn add remark-gfm # 마크다운 문법이 다양하게 적용될 수 있도록 도와주는 플러그인 yarn add react-syntax-highlighter yarn add @types/react-syntax-highlighter # 타입스크립트의 경우 참조 https://yarnpkg.com/package/react-markdown https://yarnpkg.com/package/react-syntax-high.. 2023. 3. 15. 이전 1 2 다음 728x90
