inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

Vote 핸들러 생성하기

선생님 삭제기능은 어떤식으로 해야될까요

429

레드

작성한 질문수 19

0

선생님 포스트 나 댓글

 

삭제기능은 어떤식으로 해야될까요

 

따로 강의는 없겟죠? ㅠ

typescript nodejs react docker postgresql Next.js 클론코딩

답변 1

2

John Ahn

안녕하세요 레드님!

만약에 삭제 기능을 구현하려면

  1. 먼저는 삭제를 위한 버튼을 만들어 줍니다.

  2. 그리고 그 버튼을 누르면 onClick 이벤트가 발생하고 그에 맞는 handler 함수를 호출해주면 되겠죠!
    onClick={() => deleteHandler(postId)}

  3. 그 핸들러 함수에서 해당 포스트나 댓글의 ID를 같이 백엔드 서버에 보내줍니다.

    const deleteHandler = (postId) => {
    axios.delete.....
    }

  4. 그러면 그 백엔드 서버에 있는 라우트 핸들러에서 해당 포스트나 댓글 ID를 받게 되겠죠?
    그러면 그 걸 이용해서 데이터베이스에 저장된 해당 포스트나 댓글의 데이터를 지워주게 됩니다.

 router.delete("/posts/:id", async function (req: Request, res: Response) {
      const results = await AppDataSource.getRepository(Post).delete(req.params.id)
      return res.send(results)
    })


만약 구현하시려면 이러한 순서로 로직을 처리해주시면 되겠습니다!
감사합니다.

0

레드

너무 감사합니다!

toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.

0

118

2

쿠키 저장이 되지 않습니다.

0

223

1

AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', (2)

0

580

1

AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE',

0

647

1

overload 에러

0

170

1

docker compose up 오류

0

206

1

부록) remark 강의 중 parmas 오류

0

139

1

3000번은 잘 들어가지는데 80번은 안됩니다.

1

293

0

커뮤니티를 올리고 난 후 404 page

0

209

1

tailwind css 문제인지, className 에 적용한 css가 적용되지 않아요.

0

1042

2

tsx 수정 시 마다 빌드 후 서버 시작 해야하나요?

0

652

2

useState 쳤을 때 자동완성 되는 단축키 무엇인가요? extention 인가요?

0

805

2

리액트 서버 npm run dev 와 npm run build 후 npm start 의 차이

0

4594

2

data 폴더가 생성되지 않아요.

0

524

1

docker-compose up 오류

0

814

1

회원 가입 페이지 기능 생성(3) 중 에러

0

379

2

Entity에 toJSON 코드 입력 후 404 에러

0

252

1

context에서 useEffect 선언 부분 질문 있어요.

0

294

1

src 폴더구조

0

509

2

서버 실행 시 에러 관련하여 답변받고 1차 조치했는데 여전하여서 질문 남깁니다

0

298

1

엔티티 모두 작성 후 서버 실행 시 에러가 발생합니다

0

312

1

회원가입 누르면 404에러가 뜹니다 ;-;

1

421

1

nextjs버젼에 대해서 질문드립니다.

0

372

1

<npm run dev>시 -61 에러가 나타납니다!

0

357

1