useEffect
오늘도 어제에 이어서 useEffect의 난관에 부딪혔다.
어제는 단순히 초기 state 값이 null 이어야 하는 줄 알았는데,
useEffect가 실행 되기 전, 초기 state 값들이 사진처럼 저장되는 것이었다..!!
따라서 useEffect 안에서 한 state 값을 동적으로 변하게 하고 싶으면 의존성 배열에 state값을 넣어줘야 한다.
오늘로 나는 겉핥기식으로 공부하고 있던걸 깨닫고 프로젝트 끝나면 클로저, useEffect, virtual DOM, 고차 함수부터 공부해야겠다 ,,,
stackLists는 더미 데이터. get 요청받은 데이터들을 map으로 순회시키고 더미 데이터의 stack 값을 포함하면 빼버린다. 이거 구현하는데 정말 한참 걸렸다 ㅠㅠ 얄팍한 useEffect 지식과 형편없는 고차함수 쓰는 능력 덕분이라고 생각하고 앞으로 정진해야겠다.
초기 더미데이터의 리스트.
수정 페이지에서 필터 된 더미 데이터의 모습
'Devlog' 카테고리의 다른 글
[Devlog] 원티드 프리온보딩 회고 (2) | 2022.11.22 |
---|---|
[Devlog] TypeScript 어렵다..!! (0) | 2022.11.05 |
[Devlog] 나만 몰랐던 axios의 기능 (0) | 2022.10.29 |
[Devlog] 또 다른 여정 ..!! (0) | 2022.10.27 |
[Devlog] axios delete (0) | 2022.10.04 |