profile
프론트엔드 개발자
post-thumbnail

[React] Infinite Scroll 구현 (IntersectionObserver)

Infinite Scroll 은 말그대로 무한한 스크롤을 의미한다. 스마트폰이 대중화 되면서, 모바일웹이나 앱에서 페이지네이션을 통한 데이터 더 불러오기 방식은 사용자에게 큰 불편함을 불러일으킨다. 인피니티 스크롤은 이러한 관점에서 작은 스크린에서 단순 스크롤로 데이터

2021년 12월 4일
·
0개의 댓글
·
post-thumbnail

[React] ErrorBoundary 사용하여 에러 핸들링 하기

📌 Intro React는 16 버전부터 앱의 하위 컴포넌트 트리에서 발생하는 자바스크립트 에러를 기록하며 깨진 컴포넌트 트리 대신 폴백 UI를 보여주는 ErrorBoundary라는 개념을 도입하였다. ErrorBoundary를 통해 컴포넌트에서 에러가 발생했을

2021년 10월 30일
·
0개의 댓글
·
post-thumbnail

[React Hook Form] useRef 연결하여 사용하기

React-use-Form을 사용하다 보면, useRef를 연결하여 사용할 일(스크롤 관련이나, 포커싱 관련 이벤트를 처리할 때)이 종종 있다.예를 들어, textarea의 인풋 창을 수정할 때 value의 높이에 따라 textarea의 크기를 조절할 때가 있다.

2021년 8월 16일
·
1개의 댓글
·
post-thumbnail

[React + Javascript] 뒤로가기 막기(이벤트 최소화)

사용자가 뒤로가기를 눌렀을 때, 이를 막는 팝업을 띄우는 이슈를 처리할 일이 생겼다.

2021년 7월 31일
·
0개의 댓글
·