본문 바로가기
카테캠/2단계

[7/17] local storage

by 쪼꼬에몽 2025. 7. 18.
export const saveUserInfo = (data: {
  email: string;
  name: string;
  authToken: string;
}) => {
  localStorage.setItem('userInfo', JSON.stringify(data));
};

export const getUserInfo = () => {
  const stored = localStorage.getItem('userInfo');
  return stored ? JSON.parse(stored) : null;
};

export const clearUserInfo = () => {
  localStorage.removeItem('userInfo');
};

 

저장

export const saveUserInfo = ( data ) => {
	localStorage.setItem('userInfo', JSON.stringify(data));
})

- data 객체를 JSON.stringify()로 문자열로 바꿈

- localStorage는 문자열만 저장할 수 있기 때문에 JSON.stringify()를 사용해야

조회

export const getUserInfo = () => {
	const stored = localStorage.getItem('userInfo');
    return stored ? JSON.parse(stored) : null;
}

- getItem()으로 문자열 데이터 가져옴

- JSON.parse()로 객체 복원 

삭제

export const clearUserInfo = () => {
	localStorage.removeItem('userInfo');
};

'카테캠 > 2단계' 카테고리의 다른 글

[7/21] Intersection Observer  (1) 2025.07.22
[7/18] Fetch API Wrapping  (0) 2025.07.18
[7/17] 로그인 axios post  (3) 2025.07.18
[7/16] Axios  (4) 2025.07.16
[7/16] Promise  (0) 2025.07.16