2탄에서 vue의 전체적인 코드를 살펴보았다. vue에서 구현 한 것을 전체적으로 써보자면 네이버 로그인 이미지 버튼 클릭 -> naver 로그인 api 주소 호출 (여기에 클라이언트 아이디와 리다이렉트 주소, 난수를 생성하여 요청을 보냄) -> 네이버 아이디 로그인 후 리다이렉트 주소로 페이지가 이동함 -> 이때 주소의 끝에는 code와 state가 쿼리로 생성되어 있을 것이다. -> 해당 리다이렉트 주소로 오자마자 code랑 state를 가지고 토큰 생성하는 메서드 실행 -> code랑 state formData에 넣어서 axios.post로 백 단에 필요한 정보를 보냄 오늘 마지막으로 할 것은 받아온 fromData 를 이용하여 Access_Token을 발급받고, 그 토큰을 이용하여 유저의 정보를 ..

파이널 프로젝트로 구현한 네이버 로그인 api 도 정리해 볼까한다. 카카오와 비슷하지만 카카오보다는 쉽다! 감사합니다 네이버 ㅠㅠ [애플리케이션 등록] 카카오톡과 마찬가지로 일단 Naver Developers 에 들어가서 애플리케이션을 등록 해준다. NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.naver.com 등록을 하면서 로그인 오픈API 서비스 환경에 PC 웹을 추가하면 아래와 같이 어딘가 묘하게 익숙한 것들을 볼 수 있다. 바로 카카오톡에서 한 것 처럼 서비스 url 주소와 redirect..