KeySsue Beta

세상의 모든 댓글 키슈!

로그인

프론트엔드

유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.

#next.js

next.js 14 댓글에 답글 개발하기

오늘은 댓글에 답글을 등록하는 기능을 넣어보자.

일단 아래와 같이 Comment 모델에 답글에 필요한 필드를 추가했다.

//model Comment  
parentId String? @db.ObjectId
  replyTo Comment? @relation("ReplyTo", fields: [parentId], references: [id], onDelete: NoAction, onUpdate: NoAction)
  replies Comment[] @relation("ReplyTo")

1. parentId

  • 타입: String? (옵셔널 문자열)

  • 설명: 댓글이 대댓글인 경우, 원본 댓글의 ID를 저장

2. replyTo

  • 타입: Comment? (옵셔널 Comment 객체)

  • 설명: 답글인 경우, 원본 댓글을 가리키는 관계 필드

3. replies

  • 타입: Comment[] (Comment 객체의 배열)

  • 설명: 댓글의 답을 저장하는 필드

  • @relation("ReplyTo"): ReplyTo 관계의 반대쪽(inverse) 관계임을 나타낸다. 즉, 원본 댓글에서 답글들을 조회

답글달기 버튼을 클릭하면 댓글 등록과 같이 레이어 팝업으로 출력하고 이후 등록은 댓글과 동일하게 처리하고 저장할 때 답글로 구분하여 저장.

작성자 @하보리·0 ·9달 전
채널을 구독하면 구독한 채널에 키워드를 등록할 수 있습니다.
..

Comments

키워드 내용에 대한 서로의 생각을 공유하고 댓글로 응원해주세요.

등록된 댓글이 없습니다.
유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.
나만의 채널을 선점해보세요.

@ KEYSSUE