◐ Shell
clean mode source ↗

GitHub 로그인 기능 구현 by codeisneverodd · Pull Request #20 · JCTG-JavaScript-Coding-Test-Group/SolutionBankWebsite

로그인 전에는 아래와 같이 되어있다가 로그인을 완료하면
image
아래와 같이 이름과 이미지를 불러옵니다.
image

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은 useUserLoginuseUserProfile 이며 각각 로그인이되었는지, 로그인요청함수유저이미지, 유저이름, 유저깃허브url 을 반환합니다.