분류 전체보기 (24) 썸네일형 리스트형 [소셜로그인] 네이버 로그인 구현하기 node js 네이버 소셜로그인 구현을 해보려고 한다. 네이버에서 로그인api 명세에 기본적인 코드가 들어있기는 하지만, 따로 코드가 무슨 의미인지 설명은 되어있지 않다. 그래서 이번에는 설명과 덧붙여서 네이버에서 나온 코드를 최소한으로 수정해서 네이버 로그인을 구현해보려고 한다. https://developers.naver.com/docs/login/api/api.md 일단 나는 node.js에 나와있는 코드를 가지고 구현을 해보려고 한다. 필요한 npm 받기 해당 파일을 일단 나의 vsCode로 가지고 와서 실행 하기 위해서는 몇가지 기본적으로 필요한 npm들이 있다. 1. npm i express 2. npm i nodemon 3. npm i babel 4. npm i node-fetch@2 (node-fetch.. [node_module 삭제하기] 명령어: npx npkill -d ./ 나의 컴퓨터는 원래 문서 작업만을 위해서 구매했던 저사양 컴퓨터이다. 벌써 6년가까이 쓰는 중..(이제 보내줄 때가 된듯 하다.) 그런데 개발공부를 시작하면서, 정말 용량이 엄청나게 빠르게 차기 시작했다. 아무래도 계속 node_modules를 받고, 하나도 안지우다보니 쌓이고 쌓여... 벌써 이렇게 용량이.... 모듈을 받고 받고 받고, 지우지 않다보니 어느새 나의 컴퓨터가 점점 느려지기 시작했다. 안그래도 개발할 정도의 능력이 있는 좋은 컴퓨터도 아닌 상태인데, 노드 모듈까지 계속 쌓이니 점점 느려지고 있다. 그래서 이번에 한번 다 노드 모듈을 삭제해 주기로 했다. node_modules는 package.json 파일이 있으면 언제든 다시 받을수 있기 때문에 잘 쓰지 않는 프로젝트라면 삭제했다가, 나.. [node-fetch 오류] Error [ERR_REQUIRE_ESM]: require() of ES Module -> node-fetch삭제후 node-fetch@2 로 다시 받으면 해결됨 Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\SJ\Desktop\socialLogin\node_modules\node-fetch\src\index.js from C:\Users\SJ\Desktop\socialLogin\naverLogin.js not supported. node-fetch를 받았는데 계속 위의 에러가 났다. 내가 쓰는 node-fetch 버전에서는 뭔가 오류가 있는듯 하다. node-fetch v.2로 받으면 해결됐다. 해결 순서 1.받은 node-fetch 삭제: npm uninstall node-fetch 2. node-fetch 버전2로 다시 받기: npm i node-fetch@2 식별자나 문자열 또는 숫자가 필요합니다, 800A0404, jscript 컴파일오류 -> 바벨 받아서 해결! 네이버 소셜로그인 구현을 하면서 오래된 코드를 복사해서 붙여넣기 했더니, 이런 에러가 떴다. 바벨을 아직깔기 전이었는데 prettier이 적용되어있어서 알아서 코드를 정리 해주는데도 오류가 났다. --> 네이버에 소셜로그인으로 적어둔 코드들을 해석하지 못하는듯 했음. 그래서 바벨을 깔아주었더니 바로 해결되었다. 결론? 식별자나 문자열 또는 숫자가 필요합니다, 800A0404, jscript 컴파일오류 이 오류를 만난다면 npm i babel 해서 바벨깔면 된다 [네이버 소셜로그인 오류 해결] 개발자센터에 등록되지 않은 사이트에서 로그인을 시도했습니다. 서비스 설정에 오류가 있어 확인이 필요합니다. 개발자센터에 등록되지 않은 사이트에서 로그인을 시도했습니다. 서비스 설정에 오류가 있어 확인이 필요합니다. 네이버 로그인은 등록된 사이트에서만 이용할 수 있습니다.만약 플러그인 서비스 등 서비스 특성 상 신청하지 않은 사이트에서의 이용이 필요하다면 서비스에 대한 설명 및 동작 구조에 대한 설명을 포함하여 dl_naverid@navercorp.com 으로 연락주시기 바랍니다. 이 오류를 맞이해 본사람들은 도저히 무슨 오류인지 감을 잡을수 없을것이다....(내가 그랬기 때문..) 나는 제대로 세팅도 다했는데 도대체 왜???라는 생각이 든다면 정말 간단하게도 localhost 와 http://127.0.0.1 이걸 다른 주소로 보기 때문이었다. 만약 내가 네이버에 http://127.0.0.1 이 주소로 입력.. 네이버,카카오,깃헙 소셜로그인 구현하기 1(원리편) 네이버 소셜로그인을 구현하는 사람들에게 도움이 되길 바라며 쓰는 글. 일단 소셜 로그인을 할때 어떤 원리로 이루어지는지 알아야 하는데, 다들 코드만 설명해주기 바쁘고 아무도 어떤 원리로 이루어지는지 알려주는 곳이 없었다.(내가 못찾은거일수도 있다.....) 그래서 내가 며칠동안 고생하면서 소셜로그인을 구현하면서 아 이게 이런 의미구나. 이 코드가 이래서 필요하구나. 이런 원리구나. 깨달은 것들을 적어보려 한다. 진짜 누가 이거 이렇게 처음에 설명만 해줬으면 내가 소셜로그인때문에 헤메는 시간이 반은 줄었을것이다................(하...) 일단 여러개 구현한 코드를 공유하기 앞서서, 소셜로그인으로 한국에서는 제일 많이 쓰이는 "네이버"를 예로 들어서 전체적인 코드 원리를 설명하려고 한다. 소셜로.. sessionStorage const customAxios = axios.create({ headers: { Authorization: `Bearer ${sessionStorage.getItem("userToken")}`, } }); 콘솔 Application - Session Storage 콘솔 Application - Session Storage 포트 연결끊기 연결되었거나 연결을 기다리는 목록 보여주는게 -an 멀터 저장위치 /슬래시 하나는 c부터 :/저장소 이름 하면 내가 프로젝트 시작한 study/back 가 시작점임. 노드 회원가입, if else문 중복 값 전송에러. Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client 노드에서 if else문을 작성했는데 이런 에러 메세지가 떴다. Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client at new NodeError (node:internal/errors:372:5) at ServerResponse.setHeader (node:_http_outgoing:576:11) at ServerResponse.header (C:\Users\SJ\Desktop\elice\study\back\node_modules\express\lib\res.. 이전 1 2 3 다음
