TIL_45_with Wecode 035 React

poohv7·2021년 3월 9일
1
post-thumbnail



map 함수에 대한 이해가 부족하다 보니, 코드를 완전히 이해하는데 시간이 걸렸던.. 미션... 하고나서 보니 막상 코드는 몇 줄 안되는데 왤케 머리를 싸매고 고민한건지 ㅠㅠ

주석으로 참고 내용을 써놓긴 했지만 한번 더 봐보자면, 일단 댓글이 어떤 식으로 달릴지를 생각해봐야 한다. [닉네임 내용] 이런 식으로 달릴 것이니, 일단 어떤 입력값에 대한 것 과 배열을 state에 지정해준다.

concat()
닉네임과 내용이 함께 나올 수 있도록 합쳐주는 역할을 해주는 concat함수.

event.preventDefault
쓰려다가 안쓴 이벤트이긴 하나, 유용할 것 같아서 링크 첨부.


array.map
Map 함수? 자바스크립트 배열 객체의 내장함수로써 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과로 새로운 배열을 생성, 반복되는 컴포넌트를 렌더링 할수 있게끔 해주는 함수.

87번 라인을 보면, 맵 함수가 쓰였다. 맵 함수 용도에 따라, [닉네임 내용] 이 담긴 댓글 리스트들이 배열을 생성하고 반복되는 컴퍼넌트에 따라 렌더링 되기 위해서 사용한 것.

onChange()
우리가 작성한 Javascript를 통해 변화가 일어났는지 탐지해주는 역할.

2개의 댓글

comment-user-thumbnail
2021년 3월 10일

GIF 👍🏻😀

1개의 답글