GitHub 로그인 기능 구현 by codeisneverodd · Pull Request #20 · JCTG-JavaScript-Coding-Test-Group/SolutionBankWebsite
로그인 전에는 아래와 같이 되어있다가 로그인을 완료하면

아래와 같이 이름과 이미지를 불러옵니다.

const userObject = { avatar_url: "https://avatars.githubusercontent.com/u/54318460?v=4", bio: null, blog: "", company: null, created_at: "2019-08-20T13:16:15Z", email: "codeisneverodd@gmail.com", events_url: "https://api.github.com/users/codeisneverodd/events{/privacy}", followers: 73, followers_url: "https://api.github.com/users/codeisneverodd/followers", following: 168, following_url: "https://api.github.com/users/codeisneverodd/following{/other_user}", gists_url: "https://api.github.com/users/codeisneverodd/gists{/gist_id}", gravatar_id: "", hireable: null, html_url: "https://github.com/codeisneverodd", id: 54318460, location: null, login: "codeisneverodd", name: "codeisneverodd", node_id: "MDQ6VXNlcjU0MzE4NDYw", organizations_url: "https://api.github.com/users/codeisneverodd/orgs", public_gists: 1, public_repos: 9, received_events_url: "https://api.github.com/users/codeisneverodd/received_events", repos_url: "https://api.github.com/users/codeisneverodd/repos", site_admin: false, starred_url: "https://api.github.com/users/codeisneverodd/starred{/owner}{/repo}", subscriptions_url: "https://api.github.com/users/codeisneverodd/subscriptions", twitter_username: null, type: "User", updated_at: "2022-07-15T04:07:10Z", url: "https://api.github.com/users/codeisneverodd", };
src/hooks/user 폴더를 보시면 userState를 제어하기 위한 커스텀 훅들이 구현되어있습니다!
중점적으로 보시면 좋은 hook은 useUserLogin과 useUserProfile 이며 각각 로그인이되었는지, 로그인요청함수 와 유저이미지, 유저이름, 유저깃허브url 을 반환합니다.