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

[React] Material-UI로 구현한 가격필터 슬라이더 성능 개선하기

에어비앤비 숙소 리스트 페이지의 가격 필터를 구현했는데, 슬라이더가 유난히 느리게 반응하는 것이 신경쓰였다. 슬라이더를 material-ui 라이브러리를 활용해서 내 앱이 무거워진건 줄 알았는데 정말 비효율적인 코드를 짰다는 것을 나중에야 알게 됐다.

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

[React] useEffect 무한루프 탈출하는 방법

기존에 클래스형 컴포넌트 방식으로 짠 코드를 함수형 컴포넌트로 변환을 했는데, 특정 컴포넌트만 클릭하면 미친듯이 렌더가 일어나 브라우저가 다운되는 현상을 겪었다. 알고 보니 componentDidMount를 대체하는 함수인 useEffect 에서 무한루프가 일어난 것이

2021년 1월 3일
·
0개의 댓글