Closed sernan96 closed 1 month ago
user정보 세션 스토리지에 저장 및 수정을 구현했고 이를 기반으로 실제 정보 반영 프로필 카드를 구현했습니다.
로그인 시 유저 정보 캐시에 저장
사용자가 로그인할 때 유저 정보를 캐시에 저장하여 쉽게 접근할 수 있도록 구현. 프로필 카드에 실제 유저 정보 표시
프로필 카드와 같은 UI 컴포넌트는 캐시된 유저 정보를 기반으로 유저 데이터를 표시함. 마이페이지에서 정보 수정 가능
사용자가 마이페이지에서 자신의 정보를 수정할 수 있도록 구현. 정보 수정 후 캐시 최신화
유저가 정보를 수정하면, 수정된 데이터를 서버에 반영한 후 캐시에 저장된 유저 정보도 최신화되도록 처리.
캐시에 유저정보를 저장함으로써 페이지에서 필요로 할때마다 api 요청을 통해 유저정보를 받아오는 낭비를 줄이고 로그인 시에 전역 상태로 저장해두기 때문에 속도도 빠르고 낭비도 없음. 프로필 수정 시에 서버에서 잘 수정됐다면 캐시도 바로 적용해줌
프로필 카드
프로필 수정
개요
user정보 세션 스토리지에 저장 및 수정을 구현했고 이를 기반으로 실제 정보 반영 프로필 카드를 구현했습니다.
구현 사항
로그인 시 유저 정보 캐시에 저장
사용자가 로그인할 때 유저 정보를 캐시에 저장하여 쉽게 접근할 수 있도록 구현. 프로필 카드에 실제 유저 정보 표시
프로필 카드와 같은 UI 컴포넌트는 캐시된 유저 정보를 기반으로 유저 데이터를 표시함. 마이페이지에서 정보 수정 가능
사용자가 마이페이지에서 자신의 정보를 수정할 수 있도록 구현. 정보 수정 후 캐시 최신화
유저가 정보를 수정하면, 수정된 데이터를 서버에 반영한 후 캐시에 저장된 유저 정보도 최신화되도록 처리.
기타
캐시에 유저정보를 저장함으로써 페이지에서 필요로 할때마다 api 요청을 통해 유저정보를 받아오는 낭비를 줄이고 로그인 시에 전역 상태로 저장해두기 때문에 속도도 빠르고 낭비도 없음. 프로필 수정 시에 서버에서 잘 수정됐다면 캐시도 바로 적용해줌
이미지
프로필 카드
프로필 수정