개발

본 문서에서는 Socket.IO를 사용하여 실시간 채팅 애플리케이션을 구현하는 방법과, 사용자 경험을 향상시키기 위해 Optimistic Update 기법을 적용하는 방법에 대해 설명합니다. Optimistic Update는 사용자가 행동을 취했을 때, 서버의 응답을

데이터 가져오기 및 캐싱: 데이터를 가져오고, 캐싱하며, 업데이트하는 과정을 단순화합니다. 자동 캐싱을 지원하여 수동 설정의 필요성을 줄이고 데이터 관리를 효율적으로 합니다.자동 데이터 재요청: 컴포넌트가 다시 마운트되거나 창이 다시 포커스될 때 자동으로 데이터를 재요

발단: axios instance에서 오류를 핸들링하여 별도의 로직 없이 api를 사용하면 모달이 불러지게 하려고 함.하지만 위와 같은 로직(원래)는 불가능하다.Error: Invalid hook call. Hooks can only be called inside of

리액트를 사용해 코딩하다 보면 useEffect안에 fetch함수(api call)을 넣었을 때 Network Tab에서 2번씩 불러지는 현상을 본 적이 있을 거이다. Dev Mode 이면서 React.StrictMode가 활성화 된 상태이라면, 사실 정상적인 동작이

앱 실사용 중에는 알 수 없는 이유로 일어나는 에러가 있다.또 이 에러가 간헐적으로 일어난다면 이유를 찾기도 어렵다.Firebase Analytics(이하 FA)의 이벤트 기능을 이용하여 앱 전체에서 일어나는 에러를 로깅하여 보자.먼저 FA를 logEvent 함수를 잘

최근 eslint가 없는 프로젝트에서 eslint를 설정하는 도중 @typescript-eslint/no-unused-vars 규칙이 적용된 코드에서 의문스러운 현상을 발견했습니다. 동일한 함수 구조임에도 매개변수의 순서에 따라 린트 에러가 검출되거나 검출되지 않는 상