전체 글171 Github REST API 사용하기(1) import { octokit } from '@/service'; const GITHUB_OWNER = 'www-r'; export async function getRepoReadMe(owner = GITHUB_OWNER as string | undefined, repo: string) { const response = await octokit.request(`GET /repos/${owner}/${repo}/readme`, { owner: owner, repo: repo, headers: { 'X-GitHub-Api-Version': '2022-11-28', accept: 'application/vnd.github.raw+json', //없으면기본base64로인코딩된다 }, }); // console... 2024. 1. 31. Github REST API 사용하기 (feat. Octokit.js)(0) 이전에는 노션의 데이터베이스만 사용했었는데, 리팩토링을 계속 진행하다보니, Supabase를 도입하게 됐습니다. 그래서 Notion의 데이터베이스에서 가져오던 대부분의 데이터를 Supabase의 데이터베이스로 옮기고, 프로젝트 관련 내용들만 노션의 프로젝트 데이터베이스를 사용하고 있었습니다. 지금 당장 만들때는 좀 귀찮아도 나중에 게시물을 업데이트해야할 때 편하려고 Notion API를 도입했던건데, Notion 특성 상, 두 문장을 가져오는 데도 코드가 길어지는 문제점이 있었습니다. 그리고 프로젝트에 대한 상세한 글을 노션에서도 작성해서 관리하고, Github에서도 README.md를 통해 작성해서 관리해야한다는 것을 깨달았습니다. 초기에 이 사이트 구상을 할 때 제일 메인이 Notion이었던 만큼 고.. 2024. 1. 31. [ CSS ] :empty 아티클을 읽다가 CSS 선택자 중에 :empty 가 있다는 걸 처음 알았습니다. 저도 항상 첫번째 예시처럼 코드를 작성하곤 했었는데, CSS로 훨씬 더 간단한 코드를 짤 수 있었더라구요. 1. const Card = ({ children, header }) => { return ( {header && {header}} {children} ); }; 2. const Card = ({ children, header }) => { const headerRef = useRef(); useEffect(() => { const hasContent = headerRef.current?.childNodes.length > 0; headerRef.current.style.display = hasContent ? "blo.. 2024. 1. 29. OAuth 2.0란？ 이번에 개인 프로젝트에서 도입을 했었는데, 사용하는 김에 제대로 알고 가면 좋겠다는 생각이 들었습니다. . . . OAuth(Open Authorization)란？ 이렇게 생긴 버튼 자주 보셨을거라고 생각합니다. 쉽게 말하면 SNS로그인입니다. 좀 더 구체적으로 말해보면, 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는, 접근 위임을 위한 개방형 표준이다. 출처 : 위키백과 OAuth는 사용자가 누구인지를 확인하는 인증(Authentication) 프로토콜이 아닌, 사용자의 요청이 권한이 있는지를 확인하는 인가(Authorization) 프로토콜이다. 출처: 위키백과 . . . OAuth.. 2024. 1. 28. Authorization 과 Authentication 란？ Auth라는 단어, 흔히 우리가 "인증-인가"라고 말하는 단어인데, 막상 제대로 설명을 하려고 하니까 말문이 막히더라구요. 그래서 이번에 정리를 하고자 합니다. . . . Auth란？ 보통 Auth라고 하면 Authentication(인증)을 말하거나 Authentication + Authorization(인증+인가)을 통칭한다고 합니다. 그렇다면 Authentication은 뭐고 Authorization은 뭘까요？ 일단 단어의 정의에 대해 알아봅시다. (저는 영어 단어의 뜻을 찾아볼 때는 영영사전을 사용합니다. 영영사전에 한국어보다 더 쉽게 풀어서 설명한다고 생각해서 그렇습니다！) authentication은 어떤 것이 진짜 혹은 진실임을(혹은 사람들이 그렇다고 하는) 증명하는 과정입니다. author.. 2024. 1. 26. access token 이랑 refresh_token 이 url 에 표시가 된다..！ 분명 전에는 storage 에 저장이 잘 됐었는데.. 내가 뭘 건드렸는지 url에 뜬다 음.. https://supabase.com/docs/reference/javascript/auth-signinwithoauth Sign in a user through OAuth | Supabase Log in an existing user via a third-party provider. This method supports the PKCE flow. supabase.com 여기를 참고해야하는 건 알겠는데.. Supabase client를 생성 후 바로 onAuthStateChange 콜백을 등록해야한다고 하는데. 이렇게 문제가 안 풀릴수록 더 기본적이고 개념적인 부분을 점검해야한다고 생각한다. 그런 의미에서, 콜.. 2024. 1. 25. 이전 1 2 3 4 5 6 ··· 29 다음
