firebase 호스팅 테스트 4단계 글 수정 삭제 기능& 다른사람이 쓴 글 클릭하면 글 조회

firebase 호스팅 테스트 4단계 글 수정 삭제 기능& 다른사람이 쓴 글 클릭하면 글 조회

소스파일

testMemo.zip

개발일지

마이페이지를 들어오면 현재 로그인한 유저의 key 와 글테이블에 넣어놓은 userkey를 비교해서 자신이 쓴글을 전부 가져오기를 성공했다.

그리고 dom으로 수정, 삭제 버튼을 붙여 주었고, 수정과 삭제는 토글 기능을 구현해 주었다. 저장을 누르면 저장이 된다.

그리고 감사 리스트에서 다른사람이 쓴글을 누르면 프로필 페이지로 이동하고 다른 사람 프로필과 쓴글을 볼 수 있다. 

하지만 수정 삭제 버튼은 없다. 이것도 key를 이용해서 처리해 주었다. 그리고 js 인디케이터 기능을 구현해주었다. 

firebase storege에서 파일을 가져올때 시간이 조금 지연되는것을 발견했다... 이건 조금더 파봐야 될것 같다.

그래서 페이지 새로 고침하면 뱅글뱅글 돌아가는 인디케이터를 1초정도 줘서 유저가 지루해(?)하지 않게 해주었다.

그리고 네비게이션바를 모바일버젼에 맞게 수정해주었다. pc버젼에서는메뉴가 길게 늘어나고, 모바일 버젼에서는 오른쪽에 석삼? 햄버거? 모양처럼 나오게 만들었다.

음...가입할때 id 채크 비번체크 등등등 디테일하게 해줄게 정말 많지만... 

이번은 firebase 테스트 버젼이기 때문에.. 적당히(?) 얼른얼른 넘어가쟈 >.<

***********************************************************************************************************************************

!유지보수해야될 부분

그리고..문제가 하나 있당..

감사리스트에서 다른사람이 쓴 글 클릭하면 다른사람 프로필페이지로 넘어가는데.. 

window.locatoin = '/주소' + 다른사람key

이렇게 처리 했따..

큰문제는 없지만..보안상 문제가 쬐끔 될수 있겠다..

시간나면 다른방법을 생각해보자!

문제 하나 더!

프로필 페이지 수정부분에서 글만 수정하려고 하면 수정이 안된다.

이미지를 업로드하고 글을 같이 수정 또는 삽입 해야 변경이된다.

이 부분도 해결하자.

사진캡쳐

#.페이지 인디케이터 만들어주기

#.수정버튼을 누르면

#.input text 활성화가 되고 수정글 넣기~

#.수정완료

#.삭제하면 confirm 창뜨고 확인 누르면 삭제

#.삭제 되었음

#.다른 사람 페이지에 가면 수정, 삭제 버튼이 없다.

#다음 작업

1.감사리스트 날짜순으로 정렬, 

2. 감사리스트 페이징 해보기,

3. 감사리스트 날짜 스트링함수로 정리해서 이쁘게 보여주기 

4.검색기능 달아보기 

5. 감사리스트에 마우스 올리면 회색 표시해주기 ~~

6. 사진 대체 해주기 7. 엔터 이벤트 기능