CheolCheol Dev Note

일반적으로 플랫폼이라고 한다면 제일 먼저 기차역을 상상합니다. 사전적으로는 『사람들이 기차를 쉽게 타고 내릴 수 있도록 평평하게 만든 장소』를 말합니다. 풀어서 보면 flat(편평한) + form(모습) 이기 때문에 편평한 장소를 강조하는 것 같지만, 그 목적이 여러 사람이 이용하기 편리하게 한다는 뜻이기 때문에 “많은 사람이 쉽게 이용하거나 다양한 목적으로 사용된다는” 특징을 차용하여 말합니다. IT에서는 어플리케이션을 작동시키기 위한 ‘기반 OS’나 ‘기술환경’들을 말하기도 합니다. 즉 많은 어플리케이션이 쉽게 사용될 수 있게 해준다는 특징을 말합니다. 그래서 플랫폼이라는 용어가 각 분야에서 어떻게 사용되는지 살펴 보았습니다. 1. 하드웨어 플랫폼 하드웨어에도 ‘플랫폼’이 있습니다. 위키피디아에서 P..

Windows.~BT와 $Windows.~WS 는 윈도우 10 설치와 업데이트에 사용되는 폴더로 정상적으로 설치가 완료 되었다면, 삭제해도 된다. 삭제가 안될 경우 cmd.exe를 관리자 권한으로 실행한 다음 아래의 명령을 복/붙 하여 실행한다. takeown /F C:\$Windows.~BT\* /R /A icacls C:\$Windows.~BT\*.* /T /grant administrators:F rmdir /S /Q C:\$Windows.~BT\ takeown /F C:\$Windows.~WS\* /R /A icacls C:\$Windows.~WS\*.* /T /grant administrators:F rmdir /S /Q C:\$Windows.~WS\

프론트엔드 로그인에 이어 백엔드에서의 인증을 구현해보겠다. 사용 툴 및 언어 : 이동 개념 : 이동 앱 생성 : 이동 프론트에서 받은 accessToken과 userID를 가지고 백엔드에서 정상적인 데이터인지 다시한번 확인할 것이다. https://developers.facebook.com/docs/apis-and-sdks url로 가보면 자세히 써있다. 그 중에서 타사 SDK를 가보면 Java에서 지공하는 sdk들이 있다. 그 중에서 RestFB를 사용할 것인데 간단 구현이 가능하기 때문에 채택했다. https://restfb.com 역시나 Document를 가서 하라는대로 하면 구현이 쉽다. 개발자라면 무조건 google 보다는 Document를 통해 개발을 하려는 습관을 가지는 것도 나쁘지 않은것 ..

페이스북 로그인 프론트 엔드 구현 사용 툴 및 언어 : 이동 개념 : 이동 앱 생성 : 이동 1. Angular 에서 사용할 때 facebook 메뉴얼대로 js를 추가해도 되지만 더 쉬운 방법인 모듈을 설치하는 방법도 있다. ngx-facebook (위의 사이트 가면 예제부터 소스코드 & 문서까지 다 있다.) npm으로 모듈 설치 npm i --save ngx-facebook --save 명령어는 pakage.json에 모듈 업데이트해 현재 프로젝트에 적용함 2. index.html 에다 JS SDK추가 3. 사용할 컴포넌트에 Service 및 facebok 호출 constructor(private facebookService: FacebookService) { facebookService.init({ ..

페이스북 로그인을 구현하기에 앞서 일단 페이스북 앱을 만들어야 한다. 1. 페이스북 개발자 센터에서 새앱 추가 2. 테스트앱 만들기 (테스트앱을 만들면 로컬에서도 페이스북 로그인이 가능하다) 3. 만들어진 화면 -제품추가의 Facebook로그인 설정 4. 좌측에 메뉴가 생김설정과 빠른 시작이 있는데빠른시작은 메뉴얼이 있어 보고 그대로 따라하면 되지만나는 설정으로 직접 설정 5. 원래는 localhost를 기입하면 오류가 나지만 테스트 앱은 가능하다. 6. 기본 세팅 완료 메뉴설명 1. 기본설정 - 앱 id & 시크릿 코드 및 기본설정을 세팅 앱 시크릿 코드는 절대적으로 노출시키면 안된다. 말그대로 시크릿코드임 앱 id & 시크릿 코드를 이용하여 페이스북 그래프api를 이용할 수가 있다. 2. 고급설정 -..