[React] 카카오 로그인(사전 준비)

코드를 짜기 전에 카카오 서비스를 사용하기 위해 카카오 developers에 어플리케이션 등록 및 설정을 먼저 하자. 개발할 어플리케이션에서 쓰일 키, 도메인 정보 등을 설정해줘야 카카오에서 제공하는 로그인 등의 기능을 사용할 수 있다.

어플리케이션 등록

• 카카오 developers에 로그인한다.
• 내 어플리케이션에서 새 어플리케이션을 추가한다.
  
• 입력 값을 입력하고 저장한다.
  

어플리케이션 설정

로그인 기능 활성화

• 추가한 어플리케이션을 클릭해서 앱 설정 페이지에 진입한다.
• 카카오 로그인 탭으로 이동해서 로그인 기능을 활성화 상태를 on으로 전환한다.
  
  
• 로그인 후 redirect시킬 url을 등록한다.
  

사용자 동의 항목 설정

• 동의 항목에서 로그인한 사용자의 정보를 가져올 수 있게 설정할 수 있다.
• 사용자의 프로필 정보를 수집할 수 있게 설정한다. 사용자가 동의하면 프로필 정보를 얻을 수 있다.
  

프로젝트 도메인 등록

• 어플리케이션의 도메인을 등록해줘야 한다.
• 플랫폼 탭에서 web 플랫폼 등록을 선택한다.
  
  
• React로 작업하므로 3000번 포트로 지정한다.

  http://localhost:3000