Troubleshooting 3

[🚨 TroubleShooting...?] reducer의 persist 설정 분리

프로젝트에서 Redux 상태를 로컬 스토리지에 저장하고 새로고침 후에도 유지되도록 하기 위해 redux-persist를 사용했다.근데 알림은 제대로 저장되고 데이터가 유지되는데 유저의 정보가 계속 null로 저장되거나 아예 안뜨거나 이런 상태인거임....사실 유저정보는 로컬 스토리지에서 바로 가져와 사용하고있어서 그냥 한번 reducer만들어본거라 신경안쓰다가 방금 문제 발견한건 안비밀임ㅋㅋ 문제의 유저 정보... 아니 근데 분명 데이터는 userReducer에 잘 들어오고 있는걸 콘솔에서 확인했단말임...이거봐..... 이게 확실히 redux-persist 설정문제인지는 잘 모르겠는데.... Redux에서 여러 개의 reducer를 사용하는 경우, 각각의 reducer에 대해 개별적으로 persist ..

[🚨 TroubleShooting] 무한 스크롤 데이터 중복 요청

[ 문제 ]입양동물 목록 페이지를 무한 스크롤(12개씩 데이터 요청)로 구현하고 완성,,!!했는데 문제가 생겼다. 첫번째 스크롤에서는 12개 데이터 불러옴 (정상),두번째 스크롤에서는 24개 불러옴 (비정상),세번째 스크롤에서는 12개 (정상),네번째는 36개 (완전 비정상) 데이터를 일정하게 12개씩 불러오도록 구현했는데 실제로 자기 맘대로 불러오는 문제가 생김..... 다시 해보니까 그냥 무작위로 불러옴....사용자가 페이지 하단에 도달할 때 중복으로 서버에 데이터를 요청하는 문제 발생  [ 원인 ]페이지 하단에 도달할 때마다 데이터 요청 상태(isFetching)가 제대로 업데이트되지 않아서 발생한 문제였다.이미 데이터를 로드 중임에도 불구하고 서버에 추가 데이터 요청이 반복되면서 불규칙한 갯수의 ..

[🚨 TroubleShooting] N+1이 뭔데....

SNS에서 개발자 신입들이 N+1문제 일으키기 쉽다고 해서 혹시 내 코드도..?슬쩍 챗지피티한테 물어봤는데 문제가 꽤나 있다네...ㅋㅋ 그래서 코드 고쳐보려고 합니다......우선 n+1이 뭐냐면 N+1문제?데이터베이스와 ORM(Object-Relational Mapping) 사용 시 자주 발생하는 성능 문제 중 하나입니다. 특히 JPA나 Hibernate와 같은 ORM을 사용할 때 자주 발생한다. N+1 문제는 기본적으로 1개의 쿼리가 추가로 N개의 쿼리를 발생시키는 비효율적인 상황을 의미한다. 예를 들어, A 테이블과 B 테이블이 관계를 맺고 있을 때, A 테이블에서 데이터를 조회한 후, 관련된 B 테이블의 데이터를 가져오려고 하면 추가 쿼리가 여러 번 발생할 수 있음...이렇게 쿼리 실행이 반복되면..