내일배움캠프(TIL-120 Steam Plus)

그냥차차·2023년 2월 27일
0

내일배움캠프

목록 보기
98/106
post-thumbnail
post-custom-banner

1. 오늘 배운거

ㄱ. 커뮤니티 게시판 만들기

  • 게시글 CRUD기능 추가
  • Pagination으로 게시글 넘기기

ㄴ. 게시글 등록

  • useMutation으로 게시글 등록하고 db에 저장하기

ㄷ. 게시글 조회

  • useQuery로 디비에있는 게시글 을 불러와서
  • map으로 돌려주기

ㄹ. 게시글 상세조회(params,find,reverse 사용)

  • 해당 게시글을 클릭했을때 게시글 상세페이지로 이동하고
    그안에서 같은 게시글의 아이디와 찾기위해 일단 db에 저장된 모든 컨텐츠를 가져온후 post라는 변수에 find를 이용해서 param의 id와 같은것만 보여주게 해줌
  • reverse를 사용하면 데이터의 배열을 거꾸로 나열함으로 최신등록된게 1번이되게함
  • reverse 사용시 렌더링이 일어나면 원래대로 돌아옴 그래서 .slice().reverse()라고하면 재렌더링 안일어남

ㅁ.Pagination

  • 타입스크립트 버전 Pagination을 설치해줌 npm install @types/react-js-pagination
  • state 만들어줌 item안에 있는값이 게시글 몇개까지 보여줄지를 나타냄
  • Pagination 기본값들 넣어주면됨 map을 돌릴때 slice랑 index 번호도 잘 넣어줘야함.

ㅂ. 게시글 삭제하기(window.confirm)

  • 삭제버튼 클릭시 삭제하기
  • 삭제하기 버튼클릭시 window.confirm으로 확인버튼과 취소버튼 보여주기

    2. 느낀점

    3. 아쉬운점

    4. 회고.

profile
개발작
post-custom-banner

0개의 댓글