한주간의 기초 프록제트

김민우·2022년 11월 27일
0

스파르타 내배캠4기

목록 보기
24/73

메인, 마이페이지 댓글 등록, 댓글 리스트 구현(수정, 삭제, 조회), 게시글 가져오기

(댓글 등록)

  1. 댓글 등록창에 텍스트를 입력후 버튼을 클릭시 fanLog.js에서 save_comment(event) 함수를 실행시킨다.
  2. Firebase의 addDoc()함수를 이용하여 Text, new Date()함수, Uid, 닉네임, 게시글을 데이터베이스에 저장한다.

(댓글 리스트)

  1. router.js에서 path가 fanLog일 때 getCommentList() 함수를 실행하여 메인페이지에 댓글 리스트를 만들어준다.
  2. commentList.innerHTML = ''로 설정해서 새로 HTML을 새로 그려준다.
  3. isOwner = currentUid === cmtObj.creatorId 를 조건문을 활용하여 아이디가 현재 아이디인지 확인 후 본인이 맞다면 실행되는 것이다.

(수정, 삭제, 조회)

  1. onEditing(), update_comment() 함수를 이용해서 리스트 안에 Input children 인덱스 값을 이용해서 수정할 수 있다.
  2. 삭제 버튼을 누르면 delete_comment()가 실행되고 Firebase의 deleteDoc() 함수를 이용해서 값을 지울 수 있다.

(게시글)

  1. Firebase 컬렉션에 미리 게시글에 띄울 글을 저장한다.
  2. router.js에서 path가 Mypaged일 때 getMyList() 함수를 실행하여 메인페이지의 게시글을 불러와준다.
  3. 게시글을 불러올 때는 추가적으로 Firebase의 where('creatorId', '==', currentUid)을 써서 현재 아이디가
    본인의 아이디와 일치한지 확인 후 본인이 쓴 댓글과 함께 게시글이 함께 불려온다.
profile
개발자로서 한걸음

0개의 댓글