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

firebase 호스팅 테스트 3단계 프로필 페이지 만들기&html 웹에서 firebase 사진 업로드

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

firebase 호스팅 테스트 3단계 프로필 페이지 만들기



오늘은 프로필 페이지를 만들었다. html웹에서 firebase로 사진 업로드 하는 기능을 넣었다. 첫 프로필 화면에서 수정버튼을 누르면 사진 선택하기 버튼, 한줄 상태 메시지 수정하기 필드가 활성화된다. 저장하기를 누르면 사진이 firebase 스토리지에 저장이되고 그 URL 주소가  firebase 실시간 DB에 저장이 된다.


수정전



수정중




수정완료




* 남은 이슈

1.쓴 글목록 날짜 최신순으로 정렬시키기

2.마이페이지 읽어 올때 너무 사진이 너무 느리게 로드 된다. 그래서 사진 로드 되기전에 수정하기 버튼누르면 오류가 발생한다. 웹에는 로딩중이라는 인디케이터 같은게 없을까낭..음.. 그리고 마이페이지 부분 소스코드 정리를 좀 해야겠다..

3.닉네임도 수정할 수 있게 해야 하나? 음..........고민

4.thanks 테이블에서 createtime은 그냥 time 으로 바꿔주자.. 그냥 수정 일자만 중복으로 저장되게.........

5.사진 파일 선택후 이미지를 열기 하면 화면상에 바로 나타지않는다. 저장하기 눌러야 스토리지에 저장이 된다음 나타난다. 이 문제도 생각을 해보자


* 다음작업

1.마이페이지의 한줄 상태 메시지 밑에 자기가 쓴 감사 리스트 가져와서 뿌려주고

2.수정 삭제 버튼 따로 만들어서 붙여주기 

3.로그인된 userkey와 글 리스트의 userkey를 비교해서 같으면 수정삭제 버튼이 뜨게 해야지 

4.메인 페이지 글리스트에서 해당 글을 누르면 다른 유저의 마이페이지로 가는데 수정버튼 삭제하고, 글만 볼 수 있게 5. 마찬가지로 userkey로비교




반응형

댓글