# naver login

8개의 포스트
post-thumbnail

[Flutter] naver login 추가(2)

🙊 목표 > - 네이버 로그인을 flutter앱에 추가 해보자! 🔑 카카오 로그인 추가 flutternaverlogin 해당 패키지를 다운 받는다. 패키지가 너무나도 잘되어 있기에 따로 flutter 내부에서 설정할 필요없이 제공하는 method로 간편하게 로그인이 사용 가능하다. 📦 사용법 1. Login 위의 코드가 naver login을 사용하기 위한 코드다. 사용 하던 도중 한가지 문제점이 있었는데, 만약 사용자가 고의적으로 로그인 진행 화면에서 취소를 한다면 무한 로딩이 되는 문제였다. 이를 해결하기 위해 나는 timeout을 사용하여 예외처리 해주었다. 10초 동안에도 logIn() 함수에서 응답이 없을 시 null을 return하는 코드이다. 2. 유저 정보 받아오기 유저 정보도 간단하게 logIn 함수의

2023년 8월 17일
·
1개의 댓글
·
post-thumbnail

[Flutter] naver login 추가(1)

🙊 목표 > - 네이버 로그인을 flutter 앱에 추가하기 위한 기본적인 세팅을 해보자! 🔑 네이버 로그인 세팅 📦 세팅 순서 1. 애플리케이션 추가하기 naver developers 홈페이지에서 애플리케이션 등록을 선택한 후 애플리케이션 이름을 입력하고, 사용 API는 네이버 로그인을 선택한다. 이때 제공 정보 선택은 API의 response body로 받을 수 있는 사용자의 정보이므로 필요한 것은 체크를 해준다. 2. 플랫폼 추가하기 안드로이드와 ios환경을 추가해준다.

2023년 8월 17일
·
0개의 댓글
·
post-thumbnail

#10 로그인 페이지 만들기(feat. 카카오, 구글, 네이버 로그인)

우리가 진행하는 sekkison 프로젝트는 모바일을 위주로 만드는 프로젝트이다. 그리고 우리 팀은 프론트엔드 개발자가 아니라 백엔드 개발자들만 모여 있기에 모바일 로그인 탬플릿을 사용하여 만들었다. 프론트엔드를 깊게 배우지 않아 조잡해 보일 수 있지만 최대한 잘 보이게 하는 것에 초점을 맞추어 작업하였다. 구현한 프론트 페이지 모습은 다음과 같다. >먼저, 기본적인 로그인 방법이다. 백 서버에서 더미데이터를 넣어 놓았다면, db의 데이터를 사용해 로그인 할 수 있을 것이다. 만약 로그인에 성공하였다면, 그 정보를 localStorage에 저장하고 home 페이지로 이동할 것이다 로그인 버튼을 누른다면 다음 함수가 작동하여 로그인을 진행하고 실패했다면 에러 메시지를 보여줄 것이다. ![](https://velo

2023년 3월 21일
·
0개의 댓글
·
post-thumbnail

[React] 네이버로그인

생각보다 네이버 로그인 오픈api 사용방법 정보가 많지 않고 복잡한 것 같아서 더듬더듬 해보면서 기록하려고 한다. > 네이버 로그인 api 튜토리얼 https://developers.naver.com/docs/login/web/web.md 네이버 open API 가이드 깃허브 https://github.com/naver/naver-openapi-guide/blob/master/sample/nodejs/APIExamNaverLogin.js 1. 일단 네이버 오픈API에 내 앱을 등록한다. 나는 일단 로컬호스트 3000으로 진행했다. (+) 찾아보니 소셜 로그인을 도와주는 라이브러리도 있긴 하다. 네이버, 카카오 등등 많이 있음. 2. .env 파일을 만들어서 client id를 저장해준다. 이때 이름을 REACTAPP 으로 시작하지 않으면 값을 읽지 못해 undefined가 나온다. REACTAPPNAVERCLIENTID 이렇게 길~게 네이

2023년 3월 7일
·
0개의 댓글
·

expo에서 웹뷰없이 소셜로그인하기

엑스포에서 카카오앱을 이용해 소셜 로그인하기 (prebuild x) 엑스포에서 네이버앱을 이용해 소셜 로그인하기 (prebuild o) 들어가며 react-native에서는 리액트네이티브 서울의 라이브러리 카카오, 네이버 를 사용해서 간편하게 소셜 로그인을 완성할 수 있다. expo에서는 기본적으로 네이티브 코드를 작성,수정할수없음으로 카카오, 네이버 소셜로그인이 안된다. 그래서 expo에서는 웹뷰를 띄워 소셜로그인을 하는 것이 정석이다. 웹뷰로 해결이 가능하지만 웹뷰로 해결시 카카오\네이버 앱으로 넘어가 로그인이 불가능하다. 또 웹뷰 안에 있는 뒤로가기 사용을 제어할 수가 없다(내가 아는선에선 그렇다...)

2023년 3월 2일
·
3개의 댓글
·

[Flutter] 네이버 로그인 이슈(IOS)

카카오/네이버 로그인 충돌 카카오 로그인 이슈 Flutter로 앱을 개발하다 보면 잘되는 기능이 갑자기 되지 않거나 디버깅도 잘 안되는 경우가 종종 있다. 이전에 개발할 때 IOS에서 에어브릿지 SDK가 카카오 SDK와 충돌을 일으켜서 카카오 로그인이 되지 않았던 상황이 생겼었다. 이번에도 충돌의 원인은 로그인 중 swift를 통해 Flutter에서 사용하는 SDK로 리턴 되어야 하는 값이 들어오지 않게 되면서 로그인이 성공하지 못하게 되는 이슈이다. 원인만 알면 해결방법은 매우 간단하다. 해결 방법은 swift 코드에서 원하는 SDK가 수신할 수 있도록 바로 리턴을 보내주면 된다. AppDelegate.swift 먼저 swift 코드 상단에 라이브러리를 import해준다. swift 코드에 보면 flutter쪽으로 데이터를 리턴 보내는 기본 코드가 작성되

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

naver-login 연동 android 에러 및 설정방법

상황 공식문서대로 실행한 뒤 run android실행시, 아래와 같은 에러가 뜨면서 build실패 해결 정말 한참을 해매었음. 생각보다 네이버 로그인에 관한 정보는 구글링에서 잘 찾을 수 없었음. 버전 문제도 아닌것 같고, 설정을 잘 못 한것도 아닌 것 같았음. (뭘 바꿔도 똑같은 에러 였음. ) 그러다 정말 우연히 아주 은혜로운 포스트를 발견함. ( 정말 포스트 쓰신 분 복 받으세요.) 에러 상황 부터 버전 까지 본인과 동일했음. github,gitee,coding,bitbucket,gitlab,js,java,go,php,coder,developer 위 포스트 대로 <span sty

2022년 1월 18일
·
0개의 댓글
·
post-thumbnail

naver-login 연동 iOS 로그인 에러

상황 공식문서와 같이 ios 네이버로그인을 연동 하는 과정에서 로그인 버튼클릭시, 아래와 같이 웹뷰는 뜨는데 로그인을 할수 없다는 페이지가 뜸. 해결 ‘react native 네이버 로그인 에러’에 관하여 구글링을 열심히 해보았지만 원하는 답은 얻을 수 없었음. (네이버는 카카오 대비 비교적 쉽게 연결을 수월 하게 하는 듯) 웹뷰 접속이 되는 것을 보아 네이버 연결은 된것 같은데, 로그인을 할 수 없다니... 콜백 관련 된 부분에서

2022년 1월 14일
·
0개의 댓글
·