[Next.js] Update&Delete

생활코딩 강의 요약입니다 ~

Update (put,patcht사용)

1.수정 할 수 있을지 말지(id의 유효성 체크)

요부분만 클라이언트화 시키면 되지 않을까?-> 별도의 파일을 만들어서 함수로 만들어서 이런 형식으로 불러올 수 있게끔 만듦

use Client화 시켰음 (맨위)

useParams를 이용하여 id값을 받아오고 유효한 아이디면 update,delete버튼을 띄워주는 코드를 작성함

2.수정 버튼을 클릭하면 쓴 글로 자동으로 걸려서 이동할 수 있게끔

수정 기능 구현하기

post(put,patch사용해야함) + read기능이 둘다 구현되어야함

post문을 이용해 입력창을 만듦 + fetch를 이용해 해당id값의 글을 불러옴


value값으로 넣어서 값을 입력창 안에 넣어주었음 +onChnge이용해서 값 바뀔수있게 함

Delete

fetch 메소드인 delete를 이용하여 버튼을 눌렀을때 데이터 삭제
+루트로 이동하게 push함