[ReactHooks + axios + firebase + postCss] 사용자별 좋아하는 유튜브 동영상 카드 만들기

이동현·2022년 7월 31일
0
post-thumbnail

2022년 토이 프로젝트3

👓 사용자 로그인 : google계정, git계정을 이용하여 사용자 정보를 받아오기.
👓 카드생성, 수정, 삭제 : firebase database사용
👓 카드에 동영상 추가하기 :
    🕶 카드 상세정보 -> 우측에 나타난 동영상 리스트에서 드래그 드롭
    🕶 동영상 상세정보 -> 좋아요 버튼 클릭(하트아이콘)

1) 페이지 구성도


2) DB스키마 정의

📌 cards 테이블 fav_card_id 는 사용자가 좋아요를 많이 누를것을
대비해서 clob으로 선언했는데 ,
쿼리에서 조회해올때는 구분자를 기준으로 substr해서 varchar형으로 변환해 가져오기.


프로젝트 구성 이미지

보충 해야할것
   ✏

profile
UnusualFrontendDeveloper

0개의 댓글