22.11.24)좋아요와 게시글CSS를 작업한 19일차

#오늘 배운 것

내 블로그 리뷰의 CSS변경

오류 1: CSS변경을순서를 변경했더니 기존의 내가 작성한 리스트가 아닌 다른 아이디로 작성한 리스트가 불러와지는 현상 발생

>해결 : 수정전 파일을 불러와서 if(isOwer == false)로 설정되어있어 true로 수정했다!

 

추가기능 : 게시글에 좋아요를 누르면 카운트 되면서 좋아요가 생기는 버튼을 작성

밑의 글을 참고하여 답변의 exports와 기존의 js를 혼합하여 갑을 undefined까지 출력시키는데는 성공했지만 이후 방법이 생각나지 않아 일단은 좋아요는 보류하기로 했다.

firebase - How to create "likes count" Cloud Firestore aggregate function? - Stack Overflow

How to create "likes count" Cloud Firestore aggregate function?

 

문제2 : 구글 소셜로그인이 안됨

Cannot read properties of undefined (reading 'constructor')

해결방법 : provider를 console.log에 찍어보면 ... (import = sociallogin , onclick지정, windew.handler도 지정해보자)

안뜬다 > firebase의 settins의 도메인을 보면 127.0.0.1이 등록이 안되어있다.그래서 안된 것!! (localhost로는 등록해도 소용없다... 도메인으로 등록하면 상관없음)

2차문제 : 이후로 127.0.0.1을 등록했었지만 여전히 그대로인상태...

const {name} 이 출력안 되는 상태 . html의 img가 선택되는 상태였다. button으로 설정했어도 img로 설정됐던것.

img의 class를 넣어주거나 button을 front상태로 시켜주면 해결 !!

 

 

 

ex)모달을 작업할 때 어떤 형식으로 작업해야하는가

카드 를 눌렀을 때 모달형식으로 가능. 다만 get이나 getdocs를 이용해  query안의 데이터를 요청 >  query를 저장

+)const pid = "asdf"

where("postID" == "pid") : 

 

fetch 형식은 현재 잘 안쓰는 방식.  모달창은 js파일로 만드는게 제일 낫다...