troubleshooting
1.useEffect 의존성 배열 관련 경고
ERROR: React Hook useEffect has missing dependencies: ... Either include them or remove the dependency array react-hooks/exhaustive-deps
2023년 10월 14일
2.useRef을 사용한 DOM 접근과 Ref.current를 cleanup 함수에서 사용할 시 주의할 점
ERROR: The ref value 'metaFoxRef.current' will likely have changed by the time this effect cleanup function runs
2023년 10월 14일
3.배열을 순회하는 비동기 작업 시 순서가 보장되지 않는 문제
for문을 통해 해결!
2023년 10월 14일
4.프론트엔드에서 페이지네이션을 구현했을 경우 문제
페이지네이션 구현은 어디서 하는 것이 좋을까?
2023년 10월 14일
5.Quill 게시판 에디터의 이미지 처리
react-quill에서 base64 방식으로 인코딩되는 이미지를 처리하는 방법
2023년 10월 14일
6.문자열로 출력되는 HTML을 DOM 요소에 삽입할 때 XSS 방지
dangerouslySetInnerHTML & Dompurify를 통해 해결!
2023년 10월 14일
7.Vercel 배포 시 빌드 관련 문제
ERROR 1: Module not found / ERROR 2: Unexpected token '<' ERROR
2023년 10월 14일
8.동적으로 렌더링되는 컴포넌트에 Ref를 설정할 때 주의점
각 Ref를 키를 통해 식별하고 접근하는 방법으로 해결!
2023년 10월 14일
9.상위 컴포넌트에서 하위 컴포넌트의 함수에 접근하는 방법
`useRef`, `forwardRef`, `useImperativeHandle`를 이용하여 해결!
2023년 10월 14일
10.Next.js에서 웹 스토리지를 사용할 때 발생하는 문제
next.js에서 웹스토리지 사용을 위해 recoil-persist를 사용할 때 발생한 문제들
2023년 10월 14일
11.env에 접근이 안되는 문제
환경 변수의 접두사가 원인!
2023년 10월 14일
12.스와이프 동작 시 스크롤 방지와 UX 개선
스와이프 동작 시 스크롤이 움직이는 문제와 미세한 X축 움직임에도 스와이프가 동작하는 문제
2023년 10월 19일
13.Web Worker를 적용하면서 겪은 문제 (feat. 타이머의 백그라운드 동작)
브라우저가 백그라운드로 이동하였을 때 타이머가 중단되는 문제를 해결하기 위해 Web Worker를 적용하면서 겪은 문제와 해결 방안
2023년 10월 30일