기본 콘텐츠로 건너뛰기

구글 로그인 연동

안녕하세요 광흠입니다.
제가 이전에 포스팅 구글 로그인 연동을 쓴적이 있습니다.
2014년도에 작성한 글인데요.

최근 OAuth2가 바뀐점이 뭐가 있는지 볼겸 다시 포스팅 하게되었습니다.

일단 OAuth2의 개념을 보려고 오신분들 보단 "내 사이트에 구글 로그인 연동 넣어야지!!"
라는 분이 더 많을거 같아 구글 로그인하는 간략한 방법을 기술하려고합니다.

구글 콘솔에서 프로젝트 생성 https://console.developers.google.com


처음들어가면 대시보드에 저 처럼 보이실텐데요, 빨간 네모 박스에 있는
프로젝트 선택 을 클릭합니다.



그 다음 빨간 네보 버튼의 새 프로젝트 를 클릭합니다.


가다음 프로젝트 이름을 작성하시고 만들기 버튼을 클릭합니다.


그 다음 왼쪽 탭의 사용자 인증 정보를 선택하신 후 사용자 인증 정보 만들기를 클릭한 후 OAuth 클라이언트 ID 를 클릭 합니다.




그 후 동의 화면 구성 버튼을 클릭합니다.


그 후 어플리케이션 이름 작성하시고 저장 버튼 눌러주세요.

저장 하시면 전 화면이 나올텐데 라디오 버튼 비활성화 되어있으면 새로고침해주세요.


그런다음 전 홈페이지에서 할거니 웹 어플리케이션을 선택한 후 웹 서버는 로컬에서 보려고 http://localhost:8080을 작성했습니다.

다 작성하신 후 생성을 선택해주세요.



그다음 보시면 빨간 테두리 있는 부분을 복사해둡니다.

그리고 아래 소스를 보고 테스트 작성해보시면 됩니다.



라벨:

댓글

댓글 쓰기

이 블로그의 인기 게시물

Ext JS 4.2 트리 기본 구조

Ext.require([ '*' ]); Ext.onReady( function (){      var   store = Ext.create( 'Ext.data.TreeStore' , {             id: 'store' ,             proxy: {             data : data             type: 'memory' ,             reader:{                 type: 'json '             }         },         root: {             text: "ROOT" ,             id: "ROOT" ,             expanded: tru e         }     });      var  tree = Ext.create( 'Ext.tree.Panel' , {         id: 'tree' ,         rootVisible: true ,         multiSelect: false ,         store: store,         height: 600,         renderTo: Ext.get( 'treeList' )     });  }); 필자가 생각하기에 Ext Js 트리 가장 기본 옵션인거 같다. 실 작동 URL[ http://jsfiddle.net/Kwangheum/vkbSS/ ] Ext JS 4.2 트리 1. Ext JS 4.2 트리 기본구조 2. Ext JS 4.2 트리 이름 변경하기 3. Ext Js 4.2 트리 그리드 에디팅 4. Ext JS 4.2 트리 드래그 & 드롭 5. Ext JS 4.
댓글 쓰기
자세한 내용 보기

맥에서 ssh 터널링 하는 방법

이번에 작업하면서 터널링 열어서 접속 해야하는 경우가 발생하였다.. (사실 기존에는 ssh 접속만 했지 깊이 파보진 않아서.. 이번에 처음으로 터널링을 해보았다.) 회사에서 알려준 방법은 windows에서 putty로 하는 방법을 알려줬는데 putty 와 비교하면서 설명을 해보겠다. 회사에서 준건 이렇게 이미지를 받았다. 맥에서는 터널링서버IP와 포트 그리고 터널링을 이용하여 실제 접속하고싶은 IP와 포트를 알면된다. 터미널에서 $ ssh 터널링 접속 아이디@터널링서버 IP -p 22 -N -L 10555:실제 접속하고싶은 IP:22 이렇게 작성을 하시면 실제 터널링을 열어주게 된 것이다.  사용된 옵션 :  -p [number]   : number 포트번호로 접속한다.  -N  : 원격 쉘을 실행시키지 않고 접속만 유지한다.  -L [로컬포트번호:호스트:호스트포트번호]  : 로컬 포트번호로 listen 소켓을 열고 들어오는 패킷을 원격지에서 호스트:호스트포트번호로 전송한다.  [출처 http://blog.lael.be/post/845] 그런다음 새로운 터미널에서 $ ssh (실제 접속하고싶은 IP)에서 사용될 ID@127.0.0.1 -p 10555 이렇게 하면 터널링에 접속이 된다!
댓글 쓰기
자세한 내용 보기

Ext JS 4.2 트리 그리드 에디팅

var tree = Ext.create( 'Ext.tree.Panel' , {      id: "gridTree" ,     autoHeight: true ,     renderTo: Ext.get( 'dataArea' ),     useArrows: false ,     rootVisible: false ,     store: store,     multiSelect: true ,     plugins: [          Ext.create( 'Ext.grid.plugin.CellEditing' , {             clicksToEdit: 1         })     ],     rowLines: true ,     columns: 컬럼(column) }); tree.on( 'validateedit' , function (editor, e) {      if (e.record.data[e.field]==e.value){         e.cancel = true ;     } }); tree.on( 'edit' , function (e){     console.log( "필드 값(field value)" +e.context.field);     console.log( "이전  값(before value)" +e.context.originalValue);     console.log( "현재  값(now value)" +e.context.value); }); 필자는 그리드에서 수정 된것을 'validateedit'라는 좋은 옵션이 있는데 'edit' 에서 하고있었다. Ext Js 에서는 수정을 한 후 적용 전에 벨리데이션을 하는 곳이 따로 존재하였다.
댓글 쓰기
자세한 내용 보기