Duck's Log Duck's Log

2년전 제가 쓴 글인 스프링 Google Login 연동 포스팅이 그동안 많은 관심을 받았습니다. 검색해보니 구글 검색에 상단에도 노출이 되더군요. 댓글로도 많은 의견을 주셨는데, 그 중 라이브러리가 제대로 동작하지 않는다는 의견이 많았습니다. 그래서 이번에는 라이브러리 없이 오직 구글에서 제공하는 OAuth API를 통해 구글 로그인, 사용자 정보를 가져오는 기능을 구현해 보겠습니다. 만약 OAuth의 개념이 아직 익숙하지 않으신 분들은 제가 작성한 OAuth 포스팅을 먼저 보시면 많은 도움이 되실겁니다. OAuth 프로토콜의 이해와 활용 1 - 필요성과 역사 WWW(World Wide Web)가 세상에 나온 지도 거의 30년이 되었고, 그동안 세상은 눈부시게 발전했습니다. 전화선을 꽂아 쓰던 PC통신..

이번 시간에는 OAuth에서 권한 인증을 승인할 수 있는 방식을 알아봅시다. 크게 4가지 방식이 있는데요. RFC 6749(OAuth 2.0 Framework)에서 소개된 방식입니다. Resource Owner에게 사용 허락을 받았다는 증서인 권한 코드 (Authorization Code)를 가지고 AccessToken을 요청하는 방식입니다. 보통 서버 사이드에서 인증을 처리하는 경우 이 방식을 많이 사용하고, Resource Owner에게 사용 허락을 받은 후 증서를 따로 받고, 이 증서와 함께 요청하는 방식이므로 다른 방식보다 조금 더 복잡합니다. 대신 다른 방식보다 좀 더 신뢰성이 있는 방식이라 발급되는 액세스 토큰의 유효시간이 좀 더 길고, 다시 액세스 토큰을 발급받을 수 있는 Refresh To..

앞에서는 OAuth가 왜 필요하고 어떻게 발전해 왔는지 알아보았습니다. 이번시간에는 OAuth가 무엇이고, 어떻게 흘러가는지 알아보겠습니다. OAuth는 위와 같은 플로우로 이루어 집니다.. 라고 하면 처음 보시는 분들은 당연히 이해하기 힘드실 거라고 생각하기에 쉽게 예제로 한 번 알아보겠습니다. 다들 살면서 면회를 한 번씩은 가보셨을꺼라고 생각합니다. 군부대에 면회를 갔다고 생각하고 OAuth가 어떻게 동작하는지 알아봅시다. (실제와는 약간 차이가 있을 수 있는점 감안해주세요!) 군부대는 기본적으로 보안을 매우 중요시하고, 특별한 목적 없이는 들어갈 수 없습니다. 또한, 들어간다 하더라도 신분에 따라 머무를 수 있는 시간과 들어갈 수 있는 공간이 다릅니다. 오늘 김일병의 가족이 김일병을 면회왔다고 생각..

var goGuGu = (line) => { console.log (" 구구단 출력을 시작합니다.. 입력받은 단은 ? ", line); if( !!line === false || !Number.isInteger(line) || line 9 ){ console.log("구구단 입력값이 잘못되었습니다. 1~9 범위 내의 정수를 입력해 주세요."); return; } for(let i =1; i < 10; ++i){ let tempVar = ""; for( let j = 1; j < line+1; ++j){ tempVar += `${j}*${i}=${i*j} `; } console.log(tempVar); } } 사실 사촌동생 과외하려고 예제 만든거.. 코드 작성은 크롬 개발자도구에서..

WWW(World Wide Web)가 세상에 나온 지도 거의 30년이 되었고, 그동안 세상은 눈부시게 발전했습니다. 전화선을 꽂아 쓰던 PC통신의 시대를 넘어 초고속 인터넷이 보급되며 사람들은 누구나 쉽고 빠르게 정보를 공유할 수 있게 되었고, 그와 더불어 IT산업은 폭발적으로 성장하기 시작하였습니다. 2000년대 들어, 소셜 네트워크 서비스들이 등장하면서 인터넷은 정보를 얻는 공간에서 지인들과 나의 일상을 공유하는 일상적인 공간으로 변하였습니다. 사람들은 전화 대신 페이스북으로 안부를 물었고, 쉽게 다른 사람의 소식을 전해 들을 수 있게 되었습니다. 점점 더 많은 사람들이 웹을 통해 인터넷에 접속하기 시작했고, 2010년대 들어 스마트폰을 중심으로 한 모바일 플랫폼이 빠르게 확산되면서 이제 세상은 웹을..

다른분들이 작년 회고록을 올리는걸 보며 쓸까말까 고민하다가.. 결국 시간이 지날수록 녹슬고 왜곡되던 예전 기억들을 떠올리면서 그래도 정리를 해두는게 낫지 않을까.. 싶어 글을 쓰게 되었습니다. 2019년은 저에게 큰 사건들이 많은 해였습니다. 첫 직장을 잡고 사회로 나왔고, 또 독립도 하고.. 회사에서는 실제 서비스를 기획, 개발, 오픈까지 전부 경험했습니다. 올해 제가 겪었던 일들 중 기억나는 순으로 정리해 보겠습니다. 2018년 12월, 비트 전문가반에 들어가다 제가 다니던 학교에 비트 교육센터가 있었기 때문에, 2학년때 처음 비트를 접하고 계속 교육과정을 수강했었습니다. 3학년때 비트 고급 개발자 과정을 수료하고, 또 4학년때 청년 취업 아카데미(줄여서 청취)를 통해 교육을 들었는데요. 청취를 듣던..

Selection : 사용자가 마우스를 통해 드래그&클릭하거나 키보드를 통해 선택한 텍스트의 범위를 나타냅니다. 혹은 유저의 현재 커서 위치(caret)를 나타냅니다. 크롬, IE 등 브라우저에서는 사용자가 선택한 텍스트에 대한 처리를 지원하기 위해 Selection API를 지원하고 있습니다. 특히 Selection과 Range 객체는 특히 위지위그(WYSIWYG) 에디터, 텍스트 리치 에디터등을 구현할때 중요하게 사용되니까 필요하신 분들은 꼭 알아두시기 바랍니다. Selection은 anchor와 focus를 가지는데요. anchor는 텍스트 선택을 시작한 지점, focus는 선택을 끝낸 지점을 말합니다. Selection은 방향을 가질 수 있습니다. 이 말은 텍스트의 왼쪽에서 오른쪽으로, 혹은 오른..

이번 포스팅은 요즘 핫한 중소기업 전세자금대출을 성공적으로 실행 후 작성하는 후기입니다. 저는 원래 본가에서 살았지만, 취업하게된 회사가 집과 꽤 먼 거리에 있어서 자취를 고려하게 되었습니다. 원래는 친한 동생과 중소기업 전세자금대출을 통해서 전세집을 구하기로 했었는데, 같이 살 집을 구하는데 현실적인 어려움이 있어 혼자 구하는 방향으로 진행하게 되었고, 이 과정에서 얻은 지식들을 공유해 보려고 합니다. 이 포스팅을 검색하신분들은 이미 중소기업 전세자금대출이 뭔지는 알고 있을꺼라고 생각을 하구요. 아직 잘 모르시는분들을 위해 간단하게 설명하자면 주택공사에서 아주 초초초 저금리로 중견, 중소기업을 다니는 청년들에게 전세 보증금을 빌려주는 상품을 말합니다. 주택도시보증공사(최대 보증금 100%)와 한국주택금..