지난 4편까지는 로그인하는 회원의 정보를 얻어오는 카카오톡 api 작업을 마무리했다. 이제는 프로젝트 서버의 데이터베이스에 저장하고 비교해 회원가입을 진행시켜 클라이언트가 서비스를 이용할 수 있도록 해주는 작업을 진행해야 한다. 카카오로 로그인 하기를 누르면 카카오에서 받아온 이메일과 닉네임이 자동으로 들어가는 것을 볼 수 있다. 왜냐하면 vue 에서 토큰을 받는 메서드를 통해 data에 저장시켜 주었기 때문이다. getToken() { //토큰 냅다 받아~~ const self = this; self.$axios.get('http://localhost:8181/kakaologin/' + self.code) .then((res) => { console.log(res) self.form.email = re..

3탄에서 응답으로 아래와 같은 토큰 값을 받았다. 이번에는 이 토큰을 이용해서 로그인 한 사용자의 정보를 가져오는 것을 진행해 보려고 한다. 2탄에서 언급한 vue 의 getToken() 메서드를 통해 진행되는 것이며 여러 번 나눠서 포스팅했지만 사실은 이게 모두 한 개의 요청으로 이루어진다는 사실... 아직 이 메서드 진행이 끝나지 않았다... 백앤드에서 받은 @GetMapping("/kakaologin/{code}") 중 '토큰을 요청하여 얻음' 까지 진행이 완료되었고 얻은 토큰으로 사용자 정보를 요청하려고 한다. // 코드를 빼와서 access token 을 얻어다 줄 것임 @GetMapping("/kakaologin/{code}") public HashMap kakaoLogin(@PathVaria..

[토큰 요청] 2탄에서 토큰을 요청하기 위해 컨트롤러를 사용했다. 그러면 컨트롤러로 @Autowired 된 service 부분을 살펴보자 @Autowired private LoginService loginService; // 토큰을 요청하여 얻음 String kakaoToken = loginService.requestToken(code); System.out.println("카카오토큰" + kakaoToken); 주석을 달아 놓았지만 조금 더 자세하게 설명해 보자면 2탄 마지막쯤에 언급했던 본문의 필수 내용들을 모두 가지고 요청을 해야 한다. 파라미터를 세팅 해주어야 한다. 문자 입력 스트림에서 텍스트를 읽고 문자, 배열, 행(lines)을 효율적으로 읽을 수 있게 문자를 버퍼링 해주는 BufferedW..