useCallback
강의에서 오류 상태를 똑같이 확인해보다가 마주친 에러...!!
디펜던시 리스트를 잘못 입력해서 리퀘스트를 계속 보내는 오류 상태였는데, 서버로 동일한 요청을 계속해서 보내면 이렇게 접근을 제한하나보다.
해결 방법은 그냥 기다리면 된다고 함 🥲
강제 휴식시간 GET
디펜던시 리스트나 useCallback
사용 안내같은 걸 리액트 자체에서? 콘솔창을 통해 안내해주는 건 편리하긴 한데, 정확한 이해 없이 사용하게 될 것 같아 걱정이다. 지금도 외부에서..참조? 함수? 이러고 있음...
일단 알겠는 부분 ▼
useCallback
으로 감쌀 것useCallback
함수는 아규먼트로 기억할 함수, 디펜던시 리스트
를 받는다 기억할 함수
내부에서 참조하는 다른 외부 함수들을 적는다 (리액트 제공 X)useCallback
으로 감싼다 (한 번 실행되면 그 값으로 끝인 함수가 디펜던시 리스트에 들어갈 때까지, 혹은 디펜던시 리스트에 넣을 게 없을 때까지 반복..!)기억할 함수
는 리액트에서 기억해뒀다가 디펜던시 리스트의 값이 그대로라면 함수를 새로 만들지 않고 재사용한다 useCallback
을 사용한다...? 이건 조금 더 활용해봐야 제대로 알 수 있을 것 같다.
계속 헷갈리는 부분인데 일반 데이터 prop은 위에서 아래로, 이벤트와 관련된 prop은 아래에서 위로......
까지만 쓰고 임시저장해놨구나...
부모 → 자식은 prop
으로, 자식 → 부모는 부모 컴포넌트가 자식에게 prop
으로 내려준 이벤트 핸들러를 사용해 자식 요소가 데이터를 업데이트 할 수 있게 한다.
또는 Context
를 데이터 전달에 사용 (전역적인 데이터)!!
팀원분들과 함께하는 데일리 미션에서 관련된 문제가 나와서 어느정도 정리가 된 느낌이다.
데일리 미션이 은근히 도움이 많이 됨👍👍
데일리 미션으로 출제한 리액트 side effect
와 useEffect
훅에 대한 이해가 강의만 보는걸론 부족한 것 같아서 공식 문서를 참조해봤는데 세상에 너무나 훌륭한 정보들이 있었다...
이래서 다들 공식 문서 보라고 하는구나 싶었음!!
하지만 아마 리액트에 대한 기초 지식 없이 봤다면 이해 못했을 것 같다. 이해할 수 있는 최소한의 기초 지식은 있어야 하는건 분명함. (정확하게는 JS 작동 원리에 대한 이해도 포함)
위에 작성한 useCallback
도 이부분에 대한 이해가 없으니 당연히 헷갈렸겠구나 하는 생각이....🥲🥲🥲
이젠 useCallback
도 좀 알겠다.
리액트 가만안둔다!!!!!라고 생각하면서 시작한 한 주였는데 그냥 가만히 둔 것 같음...
어제, 오늘 컨디션이 너무 안 좋아서 공부도 과제도 제대로 못하고 시간을 엄청 날렸는데 그 시간이 너무너무 아깝다...ㅠㅠ
몸이 안 좋은 건 뭐 후회해봤자 어쩔 수 없는 문제니 앞으로 컨디션 관리를 잘할 수 있도록 힘써야겠음...
다음 한 주는 더 만족할 수 있는 시간이 될 수 있길!!!!
그리고 자고 일어나면 컨디션이 괜찮아지길.............