댓글 만들기

huni_·2022년 7월 6일
0

React

목록 보기
27/57

💡 댓글을 만드는 3가지 방법

  1. BoardDetail 컴포넌트 내에 직접 만들기(코드량이 많이 늘어나게 됩니다.)
  2. 댓글 컴포넌트를 분리해서 만든 후 BoardDetail 에 import해오기
  3. 댓글 컴포넌트를 페이지 단위에서 조립하기

어떤 기능을 만드는 데는 정답이 없습니다. 정상적으로 작동만 되면 그게 바로 정답입니다.
다만, 우리는 협업이 목표이므로 남들이 봐도 이해가 가는 코드를 작성하는게 목표가 되겠습니다.

댓글 수정을 위한 방법 2가지와 최적화

지난 시간에는 댓글 수정을 위한 방법으로 BoardComment부분에 직접 만들어주고 배열에 isEdit를 만들어주어 해당 인덱스로 수정하는 방법을 실습해봤습니다.

이번에는 위의 방법과 더불어 댓글 수정을 위한 방법을 정리해보도록 하겠습니다.

💡 댓글 수정을 위한 방법

  1. BoardComment에 직접 댓글 부분을 만들어주고 배열에 isEdit결과를 각각 넣어 해당 인덱스를 이용하기
  2. 컴포넌트를 분리하고 BoardComment에 import해오기

💡 댓글 수정과 최적화

나중에 컴포넌트 단위로 최적화가 들어가게 되면, 1번 방법으로 댓글수정을 구현했을 때는 해당 컴포넌트에 여러개의 댓글 덩어리가 들어가 있기 때문에 최적화하기가 쉽지 않습니다.

하지만 2번 방법으로 최적화를 하게되면 각각 최적화가 가능해져 최적화하기가 보다 수월해집니다.
따라서 댓글수정을 하실때는 2번 방법을 추천 드립니다.

💡 레벨업!

여기저기 많이 사용되는 부분은 따로 분리해주시는게 나중에 재사용하기 간편합니다.
또한 유지보수하기에 유리합니다.
이제부터라도 재사용에 신경써주세요.

profile
FrontEnd Developer

0개의 댓글