최적화 useMemo 적용하고 나서, 삭제 를 하였을 경우 나타나는 에러입니다.

콤포넌트에 onRemove가 prop으로 전달 되는지 확인 후, 옵셔널하게 전달받는거면아래처럼 수정onRemove?.();혹은 useCallback 구조이면const handleRemove = useCallback(() => {...onRemove?.();}, [onRemove]);이렇게 호출하면 될거같아요

비동기 방식에서 콜백함수 사용 이유

추후에 callback을 함수의 인자로 받아 처리할 경우, 위 예제를 떠올리며 동작방식을 이해하는데 도움이 되지 않을까요?

useEffect의 위치 조건을 잘 모르겠습니다.

https://legacy.reactjs.org/docs/hooks-rules.html#:~:text=Only%20Call%20Hooks,depth%20below.)

async return 자료형이 Promise인 설징에 대한 질문

async로 선언된 함수의 반환형은 promise아닌가요?프로미스가 맞아요.실행 흐름을 main 함수부터 천천히 보면1. async main() 함수 실행2. const res = await helloAsync(); 구문 실행이 때 helloAsync함수는 async function이기 때문에 promise를 반환하는게 맞지만 await 되게 되면 promise 가 resolve 혹은 reject될때 까지 기다려요. 그리고 resolve가 됐다면 res변수에 resolve돈 값이 할당되게 되어서 helloAsync함수가 리턴하는 값인 "hello async" 문자열을 콘솔로 찍을 수 있게되요.

Object is not iterable

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/is_not_iterablePromisse.all 이나 TypedArray.from 함수의 인자나 비구조화 할당되는 배열과 같이 itertable한 객체가 사용돼야하는데 실제로는 iterable한 객체가 아니여서 발생하는 것 같아요