반응형
오늘 프로젝트가 마무리 되어서 제출 후 발표까지 마쳤다.
이번 팀 프로젝트는 뉴스피드 만들기였는데 우리 팀의 주제는 방구석에서 코딩만 하는 우리들의 OOTD 같은 느낌으로
집에만 박혀서 코딩하는 우리들의 패션 공유하는 뉴스피드를 만들었다.
나는 좋아요 페이지 부분 기능 구현을 하였는데 지금 와서 보면 정말 몇 줄 작성 안했지만 이 마저도 어려워서 집중을 많이 못했던 것 같다.
1. 메인 페이지에서 '좋아요' 버튼을 누르면 좋아요 페이지로 해당 게시물이 이동한다. (supabase 사용)
1 - 1. 게시물이 이동할 때 '좋아요' 가 눌린 상태로 이동해야 한다. (likes 테이블에서 좋아요 정보 가져오기)
2. '좋아요' 를 누른 게시물이 좋아요 페이지에 렌더링 되야하고 순서대로 정렬 되어야 한다.
3. 각 게시물을 누르면 해당 게시물의 디테일 페이지로 이동한다.
4. '좋아요'를 누른 게시물에 다시 '좋아요' 버튼을 눌러 해제를 하면 삭제가 되어야 한다. (filter)
5. 인증 상태에 따라서 페이지에 표시 되는 화면이 달라야 한다. (로그인, 비로그인)
useEffect 사용, useCallback, useNavigate, useCustomSelector, useState, Supabase, 조건부 렌더링 등
우여곡절도 많았고 나는 코딩 실력은 1도 늘지않았고 집중도 못했다.
반응형
'코딩 > React 본 캠프' 카테고리의 다른 글
[개인학습 시작 1일차] (0) | 2024.09.20 |
---|---|
[본 캠프 39일차] React 심화 강의(axios, tanstack query, zustand, ...) (2) | 2024.09.05 |
[본 캠프 33일차] 팀 프로젝트 1일차 (0) | 2024.08.30 |
[본 캠프 32일차] 팀 프로젝트 시작 (0) | 2024.08.28 |
[본 캠프 31일차] 개인 과제 제출 + 과제 해설 (0) | 2024.08.27 |