Google Chrome이 localhost를 https로만 접속하는 경우
2018. 10. 11.최근 Google Chrome을 업데이트 한 이후로http://localhost로 접속을 시도하더라도강제로 https://localhost로 전달(Redirect)되는 경우가 발생합니다. 물론 로컬에서 작업을 하더라도 SSL로 연결을 보호하는 것이 최선이겠지만,모든 개발을 SSL로만 할 수는 없습니다. Google Chrome이 강제로 리다이렉트 하지 않도록 설정하는 방법을 아래에 기록합니다. 1. 설정 페이지로 이동- Google Chrome의 주소창에 다음 주소를 입력합니다: chrome://net-internals/#hsts 2. 보안 정책 삭제- 해당 페이지의 가장 아래에 있는 Delete domain security policies에 localhost를 입력하고 Delete버튼을 클릭합니다. 3..
Facebook 계정을 이용해서 회원가입 및 로그인
2016. 7. 3.Facebook 계정을 이용해서 회원가입 및 로그인 Facebook은 2015년 기준 세계에서 가장 많이 이용되는 SNS입니다(출처: CIO). 그만큼 많은 사람들이 이미 계정을 가지고 있다는 뜻이죠. 게다가 많은 스마트폰은 이미 SNS가 로그인 되어있는 상태입니다. 그렇기 때문에 Facebook으로 로그인 할 수 있도록 한다면 사용자 확보가 더욱 쉬워질 것입니다. 이번 섹션에서는 Facebook을 이용해서 회원가입 하는 방법과 로그인 처리하는 방법을 알아봅니다. Facebook에서의 사전 준비 Facebook 개발자 사이트를 통해 App을 생성해야합니다. 먼저 Facebook 개발자 사이트(http://developers.facebook.com)에 가입합니다. 개발자 가입 단계는 간단히 개인정보취급방침..
Firebase Hosting 신청 및 배포
2016. 6. 26.Firebase Hosting 신청 및 배포 Facebook 계정을 이용해서 회원가입 및 로그인을 알아보기에 앞서 실습한 결과물을 웹에 배포해야 합니다. Facebook이 로그인을 처리할 때, 로그인이 이루어지는 도메인을 확인하기 때문이죠. 외부에서 접근할 수 있는 서버와 도메인이 필요합니다. 물론 국내외에서 수많은 무료 호스팅 서비스가 운영되고 있습니다. 그리고 Google Firebase도 HTML 파일이나 JavaScript 등 정적인 파일을 배포할 수 있도록 호스팅을 제공하고 있습니다. 이번 섹션에서는 Firebase Hosting을 구성하고 배포하는 방법을 알아봅니다. 설명이 부족하거나 어렵다고 느껴질 수 있습니다. 직접 단계들을 수행해 보시는걸 권장합니다. Firebase Hosting 안내 ..
Google 계정을 이용해서 회원가입 및 로그인
2016. 6. 19.Google 계정을 이용해서 회원가입 및 로그인 Google 계정은 Android 스마트폰 사용자나 Gmail 사용자라면 누구나 가지고 있습니다. 이 Google 계정을 이용해 간편하게 사이트에 가입하고, 이용할 수 있다는건 방문자들에게 큰 매력포인트이죠. 이번 섹션에서는 Google 계정을 이용해서 회원가입 하는 방법과, 로그인 처리하는 방법을 알아보겠습니다. 사전 준비 Email과 암호를 이용해서 인증할 때와 마찬가지로 Firebase 콘솔에서 Google 인증을 활성화 해야합니다. 좌측 메뉴에서 Auth를 선택하고, 로그인 방법 탭을 선택합니다. 아래 목록에서 Google을 클릭하고 사용 설정을 저장합니다. Popup을 이용해서 처리 Google 인증은 두 가지 방법으로 구현할 수 있습니다. 먼저 ..
Email과 암호를 이용해서 회원가입 및 로그인
2016. 6. 12.Email과 암호를 이용해서 회원가입 및 로그인 Firebase는 다음과 같이 다양한 인증 방식을 간편하게 이용할 수 있는 API를 제공합니다:Email과 암호GoogleFacebookTwitterGitHub임의의 인증 시스템익명 인증본 섹션에서는 Email과 암호를 이용해서 회원가입하고, 로그인하는 과정을 설명합니다. 사전 준비 인증을 사용하기 위해서는 먼저 사전 준비가 필요합니다. Firebase 콘솔에서 원하는 인증 방식을 활성화 해야하죠. 좌측 메뉴에서 Auth를 선택하고, 로그인 방법 탭을 선택합니다. 아래 목록에서 Email/password를 클릭하고 사용 설정을 저장합니다. 위 화면과 같이 "사용 설정됨"이 표시되면 사전 설정이 완료됩니다. 회원가입 구현 본 강의에서는 Firebase 초기화..
Firebase 프로젝트 만들기
2016. 6. 6.Firebase 프로젝트 만들기 본 강의는 BackEnd와 FrontEnd에 대하여 어느정도 지식이 있다고 가정하고 진행됩니다. Google Firebase는 강력한 BaaS 서비스입니다. 클릭 몇 번으로 프로젝트를 생성하고, 방문자를 분석한 결과를 얻을 수 있습니다. 코드 몇 줄이면 로그인을 구현하고, 서버로 데이터를 저장할 수 있죠. 본 섹션에서는 Google Firebase에 프로젝트를 생성하고 API Key를 얻는 과정을 확인합니다. 프로젝트 만들기 Google Firebase는 당연하게도 Google 계정이 있어야 합니다. 먼저 사용 중인 Google 계정으로 로그인 한 후 Firebase 콘솔 페이지로 이동합니다. 메인 화면에서는 우측 상단의 Console을 클릭하거나 화면 중간 쯤에 표시되는..
Firebase 강의에 관하여...
2016. 6. 6.Firebase 강의에 관하여... Google Firebase는 Application을 간단하게 제작할 수 있도록 도와주는 BaaS(Backend as a Service) 서비스입니다. Firebase는 Google이 최초 런칭한 서비스는 아닙니다. 2014년에 Firebase를 Google이 인수하였는데요. 그 이후로도 꾸준히 서비스가 되었고, 얼마 전 통합 플랫폼으로 확장한다는 발표를 하였습니다. Firebase를 이용하면 Android, iOS용 Application과 Web Application을 손쉽게 만들 수 있다는 것을 의미합니다. Google은 묘지를 가지고 있을 정도로 서비스에 대해선 악명이 높습니다. 많은 개발자들이 Firebase를 바라보는 시선에 우려가 섞인 것도 이상할 일이 아닌..
Google Chrome에서 링크가 올바르지 않을 수 있음
2016. 5. 2.Google Chrome에서만 상대 경로의 링크가 올바르지 않게 연결될 수 있다. 동일한 페이지에 대해 Internet Explorer 등 타 브라우저에서는 이상이 없을 경우 Google Chrome의 DNS 캐시 문제를 의심해 볼 수 있다. 이는 Google Chrome의 버그라기보단 Google Chrome이 별도의 DNS 서버를 이용하기 때문으로 보인다. 이 문제를 해결하기 위해서는 캐시를 비워주면 된다. 아래 단계를 수행 후 페이지를 새로고침하여 증상이 해결되었는지 확인한다. chrome://net-internals/#dns 페이지로 이동한다.[Clear host cahce] 버튼을 클릭한다.Current State 아래의 표가 비워졌는지 확인한다.