본문 바로가기
반응형

github57

리액트 - 로그인한 사용자만 댓글 기능 사용하기 with react-comments-section (GitHub OAuth Login) 리액트 전체 링크 Git / GitHub 전체 링크 참고 - https://www.npmjs.com/package/react-comments-section - https://riyanegi.github.io/react-comments-documentation/ - Toast UI Editor with OAuth to Access GitHub - 깃허브 OAuth 콜백 처리하기 - GitHub OAuth 인증 토큰으로 로그인 상태 관리하기 - 댓글 기능 만들기 with react-comments-section - 로그인한 사용자만 댓글 기능 사용하기 - GitHub RESTful API로 댓글 저장하기 - 리액트 쿠키로 GitHub OAuth 로그인 인증 관리하기 - Mui Pagination으로 댓글 페.. 2023. 11. 15.
깃허브 - RESTful API로 파일 이름 변경하기 (Renaming files) Git / GitHub 전체 링크 참고 - RESTful API로 파일 읽기 - RESTful API로 파일 쓰기 - RESTful API로 파일 삭제하기 이름을 변경하는 API는 지원하지 않는 것으로 보인다. 따라서 파일을 읽어서(GET) 다른 이름으로 그대로 쓰고(PUT), 원본 파일을 지운다(DELETE). 전체 코드는 다음과 같다. (auto-test 저장소의 test/apitest.txt 파일을 test/apitest_new.txt로 변경) let myKey = "..."; const { Octokit } = require("@octokit/rest"); const octokit = new Octokit({ auth: myKey, }); async function renameFile() { co.. 2023. 10. 16.
리액트 - Handsontable 깃허브 연동하기 (data, style, comment, merge 저장하기) 리액트 전체 링크 Git / GitHub 전체 링크 참고 - .env 환경 변수 파일 관리하기 - Toast UI 에디터로 깃허브 마크다운 저장하기 - Project Settings (전체 코드) - True / False Options - Selected Options - Number Options - width, height, placeholder, sort - 주석, comment, memo, tooltip - Merge Cells, 셀 합치기 - Search 구현 - Columns Data Type - Cell 커스터마이징 - afterSelection으로 수식 입력줄 구현하기 - Download CSV 구현 (콤마, 줄바꿈, 따옴표 처리) - Mui Drawer로 Handsontable Opti.. 2023. 9. 30.
깃허브 - RESTful API로 파일 삭제하기 (Delete GitHub Files with DELETE) Git / GitHub 전체 링크 참고 - RESTful API로 파일의 SHA 구하기 - RESTful API로 파일 쓰기 - RESTful API로 파일 이름 변경하기 파일을 삭제하기 위해서는 sha와 DELETE가 필요하다. const getSHAforMainFile = async (octokit) => { const result = await octokit.request( `GET /repos/bloodstrawberry/${repo}/contents/${path}`, { owner: "bloodstrawberry", repo: `${repo}`, path: `${path}`, } ); return result.data.sha; }; const handleDelete = async () => { .. 2023. 9. 6.
리액트 - 파일 편집 후 메일 알림이 가도록 수정하기 with GitHub RESTful API 리액트 전체 링크 Git / GitHub 전체 링크 참고 - Toast UI 에디터로 깃허브 마크다운 저장하기 - RESTful API로 브랜치 SHA 구하기 - RESTful API로 브랜치 만들고 삭제하기 - RESTful API로 PR 만들고 병합하기 - 메일 알림 설정하기 아래의 토스트 UI 에디터는 메인에서 직접 commit하기 때문에 code owners에게 메일 알림이 가지 않는다. import React, { useEffect, useRef, useState } from "react"; import Box from "@mui/material/Box"; import Button from "@mui/material/Button"; // GitHub RESTful API import { Octo.. 2023. 9. 2.
깃허브 - 메일 알림 설정하기 (Settings for Email Notifications) Git / GitHub 전체 링크 참고 - 깃허브 코드 소유자 정보 - 파일 편집 후 메일 알림이 가도록 수정하기 - Push 될 때 메일 보내기 - CODEOWNERS - Email notofications - Watch CODEOWNERS 깃허브에서 제공하는 코드 소유자 정보 예시는 아래와 같다. # This is a comment. # Each line is a file pattern followed by one or more owners. # These owners will be the default owners for everything in # the repo. Unless a later match takes precedence, # @global-owner1 and @global-owner2.. 2023. 9. 2.
깃허브 - RESTful API로 PR 만들고 병합하기 (Create Pull Request and Merge) Git / GitHub 전체 링크 참고 - 파일 편집 후 메일 알림이 가도록 수정하기 RESTful API로 PR을 만드는 예시는 아래와 같다. const createPullRequest = async (branchName) => { const octokit = new Octokit({ auth: myKey, }); const result = await octokit.pulls.create({ owner: "bloodstrawberry", repo: `${repo}`, title: "PR Title", body: "PR 내용", head: branchName, // 현재 브랜치 base: "main", }); console.log(result); console.log("Pull Request Create.. 2023. 9. 2.
깃허브 - RESTful API로 브랜치 만들고 삭제하기 (Create and Delete Branch) Git / GitHub 전체 링크 참고 - RESTful API로 브랜치 SHA 구하기 - 파일 편집 후 메일 알림이 가도록 수정하기 GitHub RESTful API로 브랜치를 만드는 방법은 createRef를 이용한다. const makeBranch = async (branchName) => { const octokit = new Octokit({ auth: myKey, }); const currentSHA = await getSHAforMain(octokit); const result = await octokit.git.createRef({ owner: "bloodstrawberry", repo: `${repo}`, ref: `refs/heads/${branchName}`, // 새로운 브랜치 이름.. 2023. 9. 2.
깃허브 - RESTful API로 브랜치 SHA 구하기 (Find Github Branch SHA blob) Git / GitHub 전체 링크 참고 - 개인 토큰 발급 받기 - RESTful API로 파일의 SHA 구하기 - 파일 편집 후 메일 알림이 가도록 수정하기 메인 브랜치에서 특정 파일에 대한 SHA를 구하는 방법은 아래와 같다. const getSHAforMainFile = async (octokit) => { const result = await octokit.request( `GET /repos/bloodstrawberry/${repo}/contents/${path}`, { owner: "bloodstrawberry", repo: `${repo}`, path: `${path}`, } ); return result.data.sha; }; 만약 Main이 아닌 다른 브랜치의 파일을 알고 싶다면 ref에.. 2023. 9. 2.
반응형

티스토리툴바