zustand
-
냅다 시작하는 zustand개발/React & Next 2025. 12. 10. 20:12
예제 코드 및 데모GitHub 저장소라이브 데모1. 들어가며이전 블로그 게시글인 '인피니티 스크롤과 스크롤 복구 핵심 가이드'에서 zustand를 통해 전역 상태를 관리하는 방법을 설명하였습니다. 기존에는 실무에서 줄곧 redux기반의 (redux-thunk, redux-saga, redux-toolkit -> 최근에는 redux-toolkit을 주로 사용) 전역 상태관리를 사용하고 있었는데, 더 가볍고 효과적으로 상태를 관리할 수 있는 zustand를 공부하면서 느낀 점을 정리해보았습니다. 이전 블로그 내용 참고하기 인피니티 스크롤과 스크롤 복구 핵심 가이드예제 사이트로 동작 확인하기코드 바로가기예제 사이트 바로가기들어가며인피니티 스크롤은 현대 웹 애플리케이션에서 가장 흔하게 사용되는 UX 패턴 중 하..
-
인피니티 스크롤과 스크롤 복구 핵심 가이드개발/놀이터 2025. 12. 8. 16:10
예제 사이트로 동작 확인하기코드 바로가기예제 사이트 바로가기들어가며인피니티 스크롤은 현대 웹 애플리케이션에서 가장 흔하게 사용되는 UX 패턴 중 하나입니다. 정보를 나열하는 + 제공하는 대부분의 웹 서비스에서는 데이터를 효율적으로 제공하기 위해 이 패턴을 사용하고 있습니다.하지만 면접에서 "무한 스크롤을 구현해본 경험이 있나요?"라는 질문을 받았을 때, 단순히 "Intersection Observer를 사용했습니다"라고 답하면 부족합니다. 면접관이 진짜 알고 싶은 것은:왜 그 기술을 선택했는지어떤 문제를 해결했는지성능 최적화는 어떻게 했는지이 글에서는 실제 프로젝트 코드를 기반으로, 면접에서 자주 나오는 질문들에 대한 답변을 정리했습니다.섹션 1: Infinite Scroll (무한 스크롤)면접 예상 질..