[TIL]21.05.21

오늘 배운 것

이벤트핸들러를 이용해서 하위컴포넌트에서 받은 값을 상위컴포넌트의 state값으로 갱신하고, 그 갱신한 값을 배열에 concat메소드를 이용하여 원본배열을 건드리지않고 추가하는 것

state의 값을 변경할때는 원본을 바꾸지않고 새로운 데이터를 리턴하는 함수나 메소드를 쓸 것.

arr.concat // 원본을 바꾸지 않음, 새로운 배열 리턴함.
arr.push // 원본을 바꿈

data is not a function

: data is not a function에서 data는 객체를 요소로 가진 배열이고, 그 배열을 import해와서 useState로 state 초기값을 초기화해줬다. 그리고 map메소드를 쓸려고 {}안에 map을 사용했는데 자꾸.. is not a function이 나온다.. 개발자도구에서 똑같은 객체를 요소로 갖은 배열을 가져와 Array.isArray(state이름)을 찍어봐도 console에선 true로 나오지만 React App에서는 감감 무소식이였다…

검색을 해도 사람들의 공통적인 실수는 배열이 아닌 데이터에 map을 사용하려 했다는 것.. 하지만 난 분명히 배열에 map..을 사용했는데 확인까지 했는데...

알고보니 그 데이터를 가진 js파일에서 export default를 안해준 것이였다.

앞으론 export default을 잘 봐야겠다...

---

오늘의 회고


기수이동을 하면서 한달전에 공부하던 내용들을 한번 더 듣게되었는데, 대부분 아는 내용이라.. (앎을 안다고 하는 것은.. 무지..인가..) 내가 조금 미숙한 것들을 위주로 복습을 하고, 근 2주동안 리액트를 다시 공부해온 것 같다.

리액트의 CRUD가 미숙하여 공부 중인데 정말 재밌는 것 같다.. (너무 뿌듯하다.) SPA로 구현되는 것도 정말 신기하다.

하지만 삽질하는 시간도 너무 많은 것 같고, 혼자 시간을 내서 공부를 하다보니 효율적인 시간운영도 안됐던 것 같다. 알고리즘 감도 많이 떨어진 것 같다. (떨어질 것도 없지만..)

그래서 내일부터는 알고리즘문제와 리액트를 적절히 밸런스있게 시간할애하여 공부할 예정이다.

하루의 시간을 다 갈아버린다는 마인드로 가야겠다... (어딜?)