CheolCheol Dev Note

페이스북 로그인을 구현하면서 가장 많이 보이는 것이 바로 Token 이다.페이스북은 OAuth를 이용한 로그인방식이 진행된다.그리고 발급받은 토큰을 가지고 Gragh API라는 것을 사용할 수가 있는데 Gragh API를 통해 페이스북 플랫폼에서 데이터를 가져오고 보낼 수가 있다. 액세스 토큰 유형 설명 사용자 액세스 토큰 사용자 토큰은 가장 일반적으로 사용되는 토큰 유형입니다. 앱에서 특정 사용자 대신 Facebook의 데이터를 읽고 수정하고 쓰기 위해 API를 호출할 때마다 이 유형의 액세스 토큰이 필요합니다. 사용자 액세스 토큰은 일반적으로 로그인 대화 상자를 통해 얻으며, 사용자가 앱에서 토큰을 확보할 수 있도록 허용해야 합니다. 앱 액세스 토큰 이 유형의 액세스 토큰은 앱 설정을 수정하고 읽는 ..

페스이북 로그인을 구현하기에 앞서 페이스북 개발자 센터에서 어떠한 방식으로 로직이 처리되는지 알아야 할 필요가 있다. 기본 로직 1. 클라이언트에서 sdk를 이용한 로그인 버튼을 구현해 facebook측에 요청2. 페이스북측에서 요청 확인3. Access token 을 response 서버단을 직접 구현하는 경우 1. 클라이언트에서 sdk를 이용한 로그인 버튼을 구현해 facebook측에 요청2. 페이스북측에서 요청 확인3. Access token 을 response 4. 토큰 & 앱 id & 앱 secret code 를 이용해 장기토큰으로 변경5. 장기토큰을 가지고 Graph API를 이용 이게 정확하진 않지만 대락적인 로직이다. 그리고 내가 직접 구현하는 로직은 다음과 같다. 로그인 구현하는데 사용 ..

프론트 : 언어 :angular5- restAPI 방식- ngx-facebook ( https://github.com/zyra/ngx-facebook/commit/d5a1061 ) 사용 툴 :VSCodeextension 1. Angular Snippets2. Angular Language Service3. TSLint5. HTML Snippets6. IntelliSense for CSS class names in HTML 백엔드 : 사용툴 : STS 언어 :java spring - spring security- lombok- gradle - restFB

웹 페이지를 만들면서 로그인을 구현할 기회가 생겼다. 우연히 로그인 부분을 담당하게 되면서 일반 로그인과 페이스북 로그인을 구현하게 되었는데 페이스북 로그인을 구현하면서 난관이 찾아와 검색 및 연구를 하며 구현을 하게되었고 정리를 하기 위해 작성한다. 모든 소스를 보여주기보다는 페이스북 관련된 로직에 대한 소스만 공개

로깅(Logging) 로그(Log)란 프로그램 개발이나 운영 시 발생하는 문제점을 추적하거나 운영 상태를 모니터링하기 위한 텍스트다. 지금까지 우리는 System.out.println();문을 사용하여 로그를 기록했다. 이것이 로그를 남기기 위한 가장 쉬운 방법이다. 이보다 로그를 기록하는 클래스를 만들어 사용하는 게 더 나은 방법이다. 다음 클래스는 사용자 정의 로그 클래스이다. Log Level 로그 레벨은 아래와 같이 계층적으로 구성되어 있다. TRACE > DEBUG > INFO > WARN > ERROR > FATAL INFO로 셋팅하면, INFO, INFO, WARN, ERROR, FATAL은 기록된다. FATAL : 프로그램이 중지될 수도 있는 치명적인 에러 이벤트ERROR : 프로그램이 중..