Day 08.

wisdomdom·2022년 1월 19일
0

TIL

목록 보기
12/26

  1. 수정페이지 만들고 수정 가능 -> 오늘할꺼
  2. 수정페이지에서 기존 글 불러오기, 변경내용만 수정하기 -> 이건 다음에

[ 컴포넌트 분리 ]

내가 만든 컴포넌트를 다른 사람들도 사용할 수 있게 <재사용성>을 높이자

-> 기본적인 구조라고 생각하면 된다

  • 게시물 등록페이지를 가공해서 등록(생성)페이지, 수정페이지에 각각 import를 한다
  • props를 이용해 각 페이지에 맞게 불러온다


위 - 왼쪽 : 등록(생성) 페이지
위 - 오른쪽 : 수정 페이지
아래 : 공통 등록페이지

1) 등록페이지에서 등록하기 버튼을 누르면 상세페이지로 넘어간다
2) 상세페이지에서 수정하기버튼을 누르면 수정페이지로 넘어간다
3) 수정페이지에서 수정완료 버튼을 누르면 상세페이지로 넘어간다

이때 등록컴포넌트(BoardWrite)와 상세컴포넌트(BoardDetail)을 이용하기~

그 외

변수 할당?


<=> 같은기능

같은 내용, 다른 표현


모두 같은 방법.. 2번이랑 3번은 비슷하다

router 사용시 주의


같은 페이지기준에서 수정하기때문에 router.query.mynumber에서 불러올수있다
만약 router.query.[aaa] 라고 쓰면 못 불러오기때문에 에러난다

profile
가보자고~

0개의 댓글