앞으로의 과제
- state: 협업 시 주요 기능 구현에 대한 필요 상태를 먼저 정의해보고 변경 시 보고하는 것은 어떨까..
- 컴포넌트: 하나의 파일에 하나의 기능을 가진 컴포넌트로 나누는 것이 역시 좋은 것 같다
- useQuery 조건부 캐싱 or api 응답 부분에서 처리
Keyword
- redux-toolkit: 리액트 함수에서 함수 이름을 대문자로 변경 시 문법에는 컴파일 오류가 없지만 react에서 사용이 안되는 것 같다
- api call cancel: redux로 api cancel 토큰을 넘겨 전역 번수처럼 사용해보려 했으나 동작하지 않는 것 같다 -> return으로 주면 사용 가능하지만 현재는 api 호출 시에 취소 되는 경우가 대부분이라 기능 제거
- api 호출 count: setCount와 console.log(count) 위치가 같아야 하는데.. 업데이트 후 출력되는 것 때문에 그냥 count + 1 해줬다ㅠ
- event.currentTarget: event의 생성 위치 (target: event의 발생 위치)
bug
- useQuery 캐싱: useQuery에서 api요청 실패 시에도 캐싱을 하는 문제 발생
const [index, setIndex] = useState(-1)
setIndex((prev) => prev + 1)
<li className={cx({[styles.active]: i === index })} key={sickCd}>
뭐라 말하기도 좀 그렇다.. index -1에서 index + 1을 해주면 처음 1회는 index 0번이 아닌 1번에 active가 된다..
할아버지 역설
일어난 일은 일어난 것이다
우리가 타임머신을 타고 과거로 돌아간다고 해도
과거는 바꿀 수 없다
하지만 미래는 아직 모른다
그럴 수도 있고 아닐 수도 있다
관측 되기 전까지는 상태가 결정되지 않는다