본문 바로가기
반응형

github57

리액트 - Toast UI Editor with OAuth to Access GitHub 프로젝트 전체 링크 리액트 전체 링크 Git / GitHub 전체 링크 참고 - 깃허브 OAuth Access 토큰 발급 받기 - Toast UI 에디터로 깃허브 마크다운 저장하기 - GitHub OAuth Project Settings - Material UI로 깃허브 로그인 프로필 만들기 - 깃허브 OAuth 콜백 처리하기 - 인증 토큰 획득 서버 구현하기 - 인증 토큰으로 로그인 상태 관리하기 - 로그인 정보를 활용하여 Commit Message 남기기 - 새 창으로 로그인해서 현재 상태 유지하기 Toast UI 에디터에서 깃허브 마크다운을 저장할 때, RESTful API를 사용하기 위해 key와 owner를 고정시켰다. 따라서 해당 서비스가 배포되면, 누가 파일을 수정하고 있는지 알 수 없다. .. 2023. 8. 19.
깃허브 - OAuth Access 토큰 발급 받기 (How to get GitHub OAuth Token) Git / GitHub 전체 링크 참고 - .env 환경 변수 파일 관리하기 - Toast UI Editor with OAuth to Access GitHub Github OAuth 인증을 위해 Access Token을 받아보자. 먼저 깃허브에서 프로필 사진을 클릭한다. 프로필 사진 아래의 Settings를 클릭하자. 왼쪽 하단의 Developer settings로 이동한다. OAuth Apps 탭에서 Register a new application 버튼을 클릭한다. Application 이름과 Homepage URL을 입력한다. 아래는 로컬에서 리액트의 주소를 추가하였다. Authorization callback URL은 인증이 완료된 후, 호출되는 URL이다. 이 URL에서 인증 받은 정보를 통해 세.. 2023. 8. 18.
리액트 - Toast UI 에디터로 깃허브 마크다운 저장하기 (Toast UI Editor with GitHub RESTful API) 리액트 전체 링크 Git / GitHub 전체 링크 참고 - RESTful API로 파일 읽기 - RESTful API로 파일 쓰기 - 깃허브 RESTful API로 파일 편집기 만들기 - 파일 편집 후 메일 알림이 가도록 수정하기 - Toast UI로 에디터 만들기 - 글자색 변경 플러그인 추가하기 - 테이블 병합 플러그인 추가하기 - 에디터 저장하고 초기화하기 - Toast UI 에디터로 깃허브 마크다운 저장하기 - Toast UI 에디터로 이미지를 포함한 깃허브 마크다운 저장하기 - Socket.IO로 Toast UI Editor 동시 편집하기 토스트 에디터 예제 링크 토스트 UI 에디터로 로컬이 아닌 깃허브에 직접 파일을 저장하고 편집해 보자. https://github.com/bloodstraw.. 2023. 7. 30.
깃 / 깃허브 링크 - GitHub Desktop - GitHub Actions - GitHub RESTful API - Git Bash - GitHub - Error 해결 GitHub Desktop 로그아웃 / 로그인 유니티 프로젝트 추가하기 (new repository) 언리얼 프로젝트 추가하기 (new repository) Node JS 프로젝트 추가하기 (new repository) 리액트 프로젝트 추가하기 (new repository) gh-pages로 리액트 프로젝트 배포하기 gh-pages로 배포된 프로젝트에 리액트 라우터 적용하기 Hash Router로 gh-pages 배포하기 404 에러를 수정한 Browser Router로 gh-pages 배포하기 Github Desktop에서 리액트 프로젝트 받아오기 g.. 2023. 7. 29.
리액트 - Indexed DB로 깃허브 RESTful API PUT 최신 정보 유지하기 리액트 전체 링크 Git / GitHub 전체 링크 참고 - 깃허브 RESTful API 한글 깨짐 현상 해결하기 - 두 날짜 사이의 시간 차이 구하기 - Indexed DB로 로컬에 데이터 저장하기 깃허브 RESTful API 한글 깨짐 현상 해결하기를 참고해서 아래 코드를 실행해보자. import React, { useState } from "react"; import Button from "@mui/material/Button"; import Stack from "@mui/material/Stack"; import { TextField } from "@mui/material"; import { Textarea } from "@mui/joy"; import { Octokit } from "@octok.. 2023. 7. 22.
깃허브 - RESTful API로 1MB 이상 큰 파일 읽기 (Read 1MB GitHub Files with GET) Git / GitHub 전체 링크 Node JS 전체 링크 참고 - RESTful API로 파일 읽기 위 링크를 참고하여 아래 코드를 실행해보자. auto-test repo에서 test/password.txt 파일을 읽는 코드다. let myKey = "..."; const { Octokit } = require("@octokit/rest"); const octokit = new Octokit({ auth: myKey, }); async function test() { const result = await octokit.request( "GET /repos/bloodstrawberry/auto-test/contents/test/password.txt", { owner: "bloodstrawberry", .. 2023. 7. 20.
리액트 - 깃허브 RESTful API로 파일 편집기 만들기 (Simple GitHub Code Management with React) 리액트 전체 링크 Git / GitHub 전체 링크 참고 - RESTful API로 파일의 SHA 구하기 - RESTful API로 파일 읽기 - RESTful API로 파일 쓰기 - 깃허브 RESTful API 한글 깨짐 현상 해결하기 - Toast UI 에디터로 깃허브 마크다운 저장하기 - https://mui.com/material-ui/react-text-field/ - https://mui.com/joy-ui/react-textarea/ 리액트로 깃허브의 파일을 불러와서 수정하고 저장해보자. 즉, 파일 형상 관리가 되도록 React에서 GitHub RESTful API를 적용시켜보자. Simple UI with Mui Mui로 간단하게 아래의 UI를 구성한다. repository 입력 / 파일 .. 2023. 6. 23.
깃허브 - RESTful API로 파일 쓰기 (Update GitHub Files with PUT) Git / GitHub 전체 링크 Node JS 전체 링크 참고 - RESTful API로 파일의 SHA 구하기 - RESTful API로 파일 읽기 - RESTful API로 파일 쓰기 - RESTful API로 파일 생성, 삭제하기 - 깃허브 RESTful API로 파일 편집기 만들기 - https://docs.github.com/en/rest/repos/contents?apiVersion=2022-11-28 RESTful API로 파일을 읽었다면, 이번에 파일의 내용을 변경해보자. https://github.com/bloodstrawberry/auto-test SHA 알아오기 파일을 업데이트하기 위해서는 sha가 필요하다. RESTful API로 깃허브에 저장된 파일의 sha를 알아낼 수 있다. 링.. 2023. 6. 23.
깃허브 - RESTful API로 파일 읽기 (Read GitHub Files with GET) Git / GitHub 전체 링크 Node JS 전체 링크 참고 - 개인 토큰 발급 받기 - RESTful API로 파일의 SHA 구하기 - RESTful API로 파일 읽기 - RESTful API로 파일 쓰기 - RESTful API로 1MB 이상 큰 파일 읽기 - 깃허브 RESTful API로 파일 편집기 만들기 - https://docs.github.com/en/rest/repos/contents?apiVersion=2022-11-28 - https://github.com/octokit/octokit.js#constructor-options RESTful API를 이용해 GitHub에 존재하는 파일을 읽어보자. 개인 토큰 발급 받기를 참고하여 미리 토큰을 저장하자. Node JS에서 파일 읽기 이.. 2023. 6. 23.
반응형

티스토리툴바