Now or Never

1. HTTP 통신에 사용되는 object는 왜 JSON.stringfy를 해야할까? - HTTP 메시지는 서버와 클라이언트 간에 데이터가 교환되는 방식. HTTP 메시지는 ASCII로 인코딩된 텍스트 정보이며 여러 줄로 되어 있음. - 문자열 인코딩은 2진법을 사용하는 컴퓨터가 인간의 언어를 2진수로 변환하는 방식. ex) 아스키 코드, EUC-KR, UTF-16, UTF-32다. - 서버에 request하는 값을 text (string) 형식으로 보내기 위해 JSON 형식으로 string화 하여 보낸다.

1. inactive vs active (react-query) - 같은 키를 가진 캐싱된 query중에서 가장 최근에 fetching한 쿼리 값은 active 나머지는 inactive 상태임. 2. invalidation vs refetch (react-query) - query의 상태를 mutation으로 변경한 뒤 해당 쿼리를 다시 서버에 요청해야할 때 invalidation과 refetch를 사용할 수 있다. - invalidation은 해당 쿼리를 stale한 상태로 변경하는 것으로 새롭게 refetch를 하게 하고, refech는 같은 queryKey로 서버에 다시 데이터 요청을 한다. - 둘 다 새롭게 데이터를 요청하는 것은 같으나 동작이 미묘하게 다르고 usecase도 다르다. - 페이징 ..

커스텀 훅의 반환 객체를 useMemo로 감싸야 할까? - 커스텀 훅의 반환 객체를 그대로 사용 한다면 O, 구조 분해 할당을 통해 객체 안의 값을 사용한다면 X. 전자의 경우는 드물기 때문에 대부분의 경우에서 커스텀 훅을 useMemo로 감싸지 않아도 될 것 같다.

1. 제어 컴포넌트 vs 비제어 컴포넌트 - 제어 컴포넌트 : 컴포넌트가 개별 state를 가지고 있음. 컴포넌트의 state 업데이트와 동시에 렌더링 (useState) - 비제어 컴포넌트 : 컴포넌트의 데이터를 useRef로 관리. 데이터의 업데이트와 동시에 컴포넌트가 렌더링 되지 않고 특정 이벤트 트리거시 컴포넌트 랜더링 2. 리코일: selectorFamily - 순수 함수로 사용되는 selector와 달리 parameter를 통해 데이터를 한번 조작해서 가져올 수 있는 리코일의 유틸 함수. 3. 리액트쿼리: invaildateQueries vs Optimistic Update - 리액트쿼리의 mutate로 데이터를 변경한 후에 서버의 업데이트 데이터를 바로 가져오는 것 vs 클라이언트에서 낙관적..