유저 로그인 정보 저장하고 활용하기

겉핥기 식으로 웹을 만들었던 예전과 다르게 유저 정보를 세션에 저장하고 활용해보려고 한다.

 

 

1. 세션 관련 함수 구현하기

abstract class SessionStorage<T> {
    abstract setItem(key:string, value:T) :void;
    abstract getItem(key:string) : string;
    abstract clearItem(key:string): void;
}

class SessionStorageAPI<T> extends SessionStorage<T> {
    setItem(key:string, value:T) {
        //value에 무슨 값이 들어오던 string으로 변환 후 저장
        window.sessionStorage.setItem(key, JSON.stringify(value));
    }
    getItem(key: string): string {
        let value : string | null;

        value = window.sessionStorage.getItem(key);
        
        if(value === null){
            console.log("There is no key");
        }
        else{
            return value
        }
    }
    clearItem(key: string): void {
        window.sessionStorage.removeItem(key);
    }
}

export default SessionStorageAPI