map 함수에 대한 이해가 부족하다 보니, 코드를 완전히 이해하는데 시간이 걸렸던.. 미션... 하고나서 보니 막상 코드는 몇 줄 안되는데 왤케 머리를 싸매고 고민한건지 ㅠㅠ
주석으로 참고 내용을 써놓긴 했지만 한번 더 봐보자면, 일단 댓글이 어떤 식으로 달릴지를 생각해봐야 한다. [닉네임 내용] 이런 식으로 달릴 것이니, 일단 어떤 입력값에 대한 것 과 배열을 state에 지정해준다.
concat()
닉네임과 내용이 함께 나올 수 있도록 합쳐주는 역할을 해주는 concat함수.
event.preventDefault
쓰려다가 안쓴 이벤트이긴 하나, 유용할 것 같아서 링크 첨부.
array.map
Map 함수? 자바스크립트 배열 객체의 내장함수로써 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과로 새로운 배열을 생성, 반복되는 컴포넌트를 렌더링 할수 있게끔 해주는 함수.
87번 라인을 보면, 맵 함수가 쓰였다. 맵 함수 용도에 따라, [닉네임 내용] 이 담긴 댓글 리스트들이 배열을 생성하고 반복되는 컴퍼넌트에 따라 렌더링 되기 위해서 사용한 것.
onChange()
우리가 작성한 Javascript를 통해 변화가 일어났는지 탐지해주는 역할.
GIF 👍🏻😀