위스타그램 댓글 기능 구현

Beom·2022년 4월 15일
0

WE-CODE

목록 보기
2/8

댓글 기능을 구현하기 위해서
1. 댓글이 들어올 빈 공간을 만들어준다
2. 들어온 값을 할당해줄 공간을 만들어준다
3. 빈 배열 하나를 설정해주어 댓글을 집어넣어준다
까지는 생각이 들었지만 어디에 어떻게 적용을 해줄지 생각이 나지 않았다
결국 구글링과 동기느님의 힘으로 구현할 수 있었다



1. 폼 속성의 submit에 컴포넌트를 구성해 주었다
2. 기본적인 폼속성의 submit 속성을 디폴트 값으로 주었다
3. 만약 댓글이 빈 공간이라면 아무것도 반환하지 않는다
4. 들어온 댓글이 담길 공간에 ...을 활용하여 공간을 펼쳐 들어온 댓글을 뒤에 집어넣어준다
5. 이후 댓글작성란은 공란으로 바꾸어준다

1. map함수는 원래 배열에 조건을 적용하여 새로운 배열을 반환해준다
2. index 값은 댓글이 담기는 공간에 있는 댓글의 위치를 반환해준다
3. value 값은 새로 들어온 댓글이다
결국 key 값은 댓글의 순서, value값은 해당 댓글의 인덱스 값이다
4. 아이디 값은 고정으로 주었다 -> 아무개


아직 댓글에 적용할 스타일을 수정중이다..(4/15)

0개의 댓글