본문 바로가기
매일코딩/firebase 웹 hosting 테스트

firebase 호스팅 테스트 1 단계

by 인생여희 2018. 2. 12.
반응형

firebase 호스팅 테스트 1 단계


firebase 테스트 한 결과 개인적으로 정리하는 페이지 입니다.(가입,로그인,로그아웃) ..정리 보다는 기록을 위한 페이지 입니다..


소스파일 

testMemo.zip





파이어 베이스 부분





작업순서

0.파이어베이스 프로젝트 생성

1.node.js 설치

2.firebase 설치

3. 바탕화면에 폴더 만들고

4. firebase init

5. public 폴더 만들어서 index.html 생성

5-1. firebase serve 로 서버 가동



6.메인 페이지 만들기

7.로그인 되어 있는지 안되어 있는지 확인하기



8.가입페이지 만들기

-가입성공하면 바로 메인화면으로 리다이렉트

9.로그인 페이지 만들기

-로그인 했으면 메뉴이름을 '로그아웃'으로 바꿔주기

- 로그인 했으면 메뉴 이름을 닉네임으로 바꿔주기


10.로그아웃 페이지 만들기

-로그아웃 하면 메뉴 이름을 다시 원래대로 해주기



일지: 메인페이지를 만들었고, 가입, 로그인, 로그아웃 페이지를 만들었고 해당 기능을 만들었다. 상용보다는 firebase를 익히기 위한 목적이니 firebase의 데이터 구조와 파이어 베이스의 insert, update delete 함수를 익히는데 집중해야겠다.

다음 작업은 

1.메인화면에 '오늘의 감사' 쓰기. 

2.그리고 그 밑 부분에 회원들이 쓴 오늘의 감사 리스트 출력해서 보여주기.(날짜순으로)

3. 마이페이지 들어가면 나의 정보 조회하기, 수정, 사진 업데이트하기, 내가 쓴 글 리스트 출력하기 (조회), 삭제하기, 수정하기. 



반응형

댓글