1. MongoDB 연결먼저 MongoDB의 가입하지 않았을 경우, 가입 후에 mongoDB Atlas 데이터베이스와 Collection을 만들어 주세요.(저 같은 경우는 오랫동안 MongoDB를 사용안하다가 사용해서 Network Access 에 연결한 IP 가 Inactive 상태여서 연결이 안되었는데, 오랫만에 사용해주시는 분은 IP Adress가 Active 상태인걸 확인해주세요) 그리고 가입해서 DataBase를 만들면 연결할 때 필요한 URI랑 password를 줍니다. 어딘가에 잘 적어두시면 됩니다. URI 형식은 다음과 같습니다. mongodb+srv://:@.xxxxxxx.mongodb.net/?retryWrites=true&w=majority2. NextJS에서 사용하기기술 스택 : n..
프로젝트
내가 생각하는 리액트 쿼리로 인한 큰 장점은 데이터의 캐싱과 동기화를 자동으로 처리하여 네트워크 요청을 최소화하고, 사용자 경험을 향상시키는 것이 아닐까 생각한다. 그래서 이를 측정하기 위해서는 어떻게 해야할까? 1단계 : 기본 상태에서 성능 측정 - 백엔드 요청 로깅 설정 : 캐싱 적용 전의 서버 요청 수를 측정 - 프론트엔드 API 호출 로깅 : 프론트엔드에서 발생하는 API 호출 횟수를 기록 - 서버 성능 지표 측정 : 캐싱 적용 전 서버의 자원 사용량을 측정 2단계 : 리액트 쿼리 캐싱 적용 - 리액트 쿼리 캐싱 설정 : 캐싱을 적용하여 서버 요청 수를 줄입니다 3단계 : 캐싱 적용 후 성능 재측정 - 재측정 및 로그 분석 : 캐싱 적용 후의 서버 요청 수 및 성능을 측정(백엔드, 프론트..
에러명 Cannot destructure property 'name' of 'item' as it is undefined. TypeError: Cannot destructure property 'name' of 'item' as it is undefined. 에러 메시지 Cannot destructure property 'name' of 'item' as it is undefined는 item이 undefined일 때 발생합니다. 이 경우 item의 속성을 비구조화 할당하려고 할 때 에러가 발생합니다.문제상황영상을 보면 카트페이지 들어가면 카트의 담긴 아이 비구조화 할당하려고 할 때, 에러가 발생합니다.새로고침을 하면 정상적으로 카트페이지가 렌더링 되므로 CartItem 컴포넌트가 처음 렌더링될 때, I..
