Tech 개발 블로그

리액트를 다루다 보면, 구글의 oauth를 이용해서 로그인을 할 필요가 있다. 리액트에서 구글 oauth를 이용하는 제일 간단한 방법은, npm 라이브러리에 있는 react-google-login 라이브러리를 이용하면 된다. https://www.npmjs.com/package/react-google-login react-google-login A Google Login Component for React www.npmjs.com 보통의 경우 기본 scope인 id,profile,email 정도만 필요하여 문제가 되지 않는다. 하지만 내가 진행하던 과제에서는 다양한 권한이 필요하여 해당 라이브러리를 이용하여 scope 설정하여 액세스 토큰을 받아왔다. ( 로그인 )} responseType="code" ..

사내 과제 작업 도중 구글 시트에서 사내 디비인 몽고디비에 연동하여 데이터를 in/out 시켜야 하는 일이 있었다. 기본적으로 App script는 JDBC를 지원, 관계형 데이터베이스의 연결을 지원하지만 nosql인 몽고디비는 지원을 따로 하지 않아 방법이 없었다. 몽고디비 기준으로 구글 스프레드시트와 연결하는 핵심은 하나인데, 앱 스크립트 내에 있는 urifetch, 즉 http 통신을 이용하여 request-response를 받는 방식으로 디비 데이터에 접근 / 삽입 을 가능하게 하였다. 사내 백엔드 서버는 restful api 형태라 사내 서버에 request를 받아서 해당 request 기반으로 데이터 검색 후 response 주는 방식으로 해결했으나, db 서버가 따로 있다거나 24시간 반응할..

사무실이 이사해서, 네트워크가 변경되었다. 당장에 서버 컴퓨터와 연결할 방법을 찾다가, ngrok로 포트포워딩 해서 임시로 연결하는 방식을 생각했었다. 기본적으로 nodejs에서 몽고 연결할때 tcp로 포트를 연결해줘야 되기 때문에(이걸 몰랐다) ./ngrok tcp 포트번호 로 실행 해줬다. 기본포트인 27017 포트로 시도해본 결과, 실패하여 원인을 찾아보니 1만번대 이상 포트는 ngrok로 먹지 않았다. 그래서 9090 포트로 변경해본 결과 잘 되었다. 원인은 sk 브로드밴드의 1만번대 이상 포트 차단이 이유인지, 아니면 ngrok가 원래 그런건지 아니면..iptime 때문인건지는 잘 모르겠다 막 이사와서 내가 네트워크를 만질수가 없다. 여튼 다음과 같이 해결했다. 나와같이 고생하는 사람이 없길....