전체 글15 [Firebase&Web연동 7] firebase 로그아웃 함수를 이용해서 로그아웃 기능 구현 [Firebase&Web연동 7] firebase 로그아웃 함수를 이용해서 로그아웃 기능 구현● 들어가기 전지난 포스팅에서 firebase sessoin을 알아보았다. 이번시간에는 로그아웃 함수를 이용해서 session처리를 해주는 방법에 대해서 알아보겠다. 이미 firebase에서 해당 함수를 모두 구현해놓았기 때문에 우리는 그 함수가 무엇인지 찾고, 올바르게 사용해주면 된다. 미니카로 치면 만들어져있는 모터나 바퀴를 해당위치에 넣어주기만 하면 되는것이다. 관계형 db에서는 모터와 바퀴를 직접 만들었다면 firebase에서는 붙여주기만 하면 된다. ● 실습내용1.firebase 레퍼런스로 가서 로그아웃 함수 확인2.로그아웃 페이지 만들기3.로그아웃 처리● firebase 레퍼런스로 가서 로그아웃 함수 .. 2018. 2. 24. [Firebase&Web연동 6] session을 이용해서 navigation bar 변경해주기 [Firebase&Web연동 6] session을 이용해서 navigation bar 변경해주기● 들어가기 전지난 포스팅에서는 firebase 기본 모듈에 대해서 알아보았다. 또 그 모듈을 이용해서 로그인 하는 방법도 알아보았다. 이번 포스팅에서는 firebase에서 제공하는 session 기능을 이용해서 로그인성공하면 네비게이션바에 유저의 닉네임과 로그아웃이라는 글자가 생성이 되도록 해보겠다.● 실습내용1.로그인 성공했을 경우 index.html 페이지로가는데 이때 firebase 모듈을 이용해서 session 체크를 해서 로그인 한 유저이면 네비게이션 바 부분에 유저 이름과 로그아웃이라는 글자가 생성 ● firebase session 함수 //로그인이 되어있으면 - 유저가 있으면, user를 인자값으.. 2018. 2. 24. [Firebase&Web연동 5] 로그인 기능 구현 [Firebase&Web연동 5] 로그인 기능 구현 ● 들어가기 전지난 포스팅에서는 email을 이용한 인증기능, 가입을 통한 firebase의 insert 기능을 알아보았습니다. 이번 포스팅에서는 로그인 함수를 이용한 로그인 기능을 알아 보도록 하겠습니다. ● 실습내용1. firebase의 로그인 함수 구현하기● login.html - 로그인 페이지로그인페이지도 다른 페이지와 마찬가지로 템플릿을 준비해 놓았습니다. 주석을 달아 놓았으니 한번 쭉 보시고, firebase 스크립트 부분은 반드시 자기 프로젝트의 스크립트로 교체를 해야합니다. 만약에 jquey,js에 대해 처음들으시는분들은 생활코딩이나 인프런을 통해서 감을 익히시면 도움이 될것 같습니다. 12345678910111213141516171819.. 2018. 2. 23. [Firebase&Web연동 4] email 가입 기능 구현하기 및 설정 [Firebase&Web연동 4] 가입 기능 구현하기 및 설정● 들어가기 전지난 포스팅에서는 bootstrap을 이용해서 간단한 index.html 페이지를 만들어 보고 firebase를 통해서 배포해 보았습니다. 이번시간에는 파이어베이스 모듈을 통한 가입(insert) 기능을 살펴보도록 하겠습니다. ● 실습내용1.웹앱에 Firebase 초기화 코드 추가 하기(자바스크립트 SDK)2.firebase 구성 요소 살펴보기3.가입기능 구현하기● 웹앱에 Firebase 초기화 코드 추가 하기(자바스크립트 SDK)첫번째 포스팅에서 Firebase 웹프로젝트를 생성하면 마지막 부분에 자바스크립트 코드를 복사해 붙여넣으라는 메시지가 나옵니다. 첫번째 포스팅으로 가셔서 확인을 해주시고, 아니면 파이어베이스 콘솔로 이동.. 2018. 2. 23. 이전 1 2 3 4 다음
