firebase web 연동13 [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. [Firebase&Web연동 3] 간단한 index.html 페이지 만들어서 배포해보기 [Firebase&Web연동 3] 간단한 index.html 페이지 만들어서 배포해보기 ● 들어가기 전지난 포스팅에서 자신의 컴퓨터에 node.js를 이용해서 서버를 구축하는 방법을 살펴보았습니다. 이번 포스팅에서는 간단한 index.html 페이지를 만들어서 직접 서버를 가동해보고, 또한 전 세계 사람들이 볼 수 있도록 배포해 보도록 하겠습니다. ● 실습내용1.간단한 index.html 페이지를 만들어서 서버 폴더인 public 폴더에 올리기2.로컬에서 서버 가동 후 접속해보기3.접속이 된다면 배포해보기● index.html 파일 만들기이번 메인페이지 작업에서는 bootstrap3 플랫폼을 이용해서 페이지 레이아웃을 만들어주고 디자인 작업을 할 것입니다. 직접 html, css, jquery를 사용해서.. 2018. 2. 22. [Firebase&Web연동 2] node.js를 이용해서 개발용 로컬 웹서버 실행하기 [Firebase&Web연동] node.js를 이용해서 개발용 로컬 웹서버 실행하기 ● Node.js 설치웹을 개발할때 로컬(자신의 컴퓨터)에서 서버를 실행하고 싶다면 node.js를 통해서 firebase CLI를 설치해야 합니다. node.js가 설치 안되어 있으면 node.js 홈페이지로 가셔서 운영체제에 맞는 node.js를 다운받아 줍니다. node.js란?Node.js는 서버 사이드개발에 사용되는 플랫폼입니다. 자바스크립트 기반으로 작동되며, 자체적으로 http 서버 라이브러리를 포함하고 있어서 아파치 등 다른 서버 프로그램이 없어도 서버 사이드 웹을 쉽게 구축할 수 있게 한다. 이클립스로 jsp나 spring 프로젝트 해보신 분들은 , tomcat 다운받고, 설정해주고, 연동해주는게 얼마나 .. 2018. 2. 22. 이전 1 2 3 4 다음
