상황

• 로그인을 하지않았을 때, 디테일 페이지를 불러오지 않는 상황이 발생함.

원인

• 로그인을 하지않았을때 user의 id 와 user의 name을 찾지 못하여 자바스크립트를 읽지 못하는 상황이 발생하게 되었다.

시도

• try catch문으로 로그인을 하였을 때 user의 id와 user의 name을 받아오고 로그인을 안했을 때는익명의 id값과 익명의 name값을 주어서 시도해보았다.

해결

• let 으로 user_id 와 username을 빈값으로 선언해준 후 try catch문을 이용하여 해결하였다

let user_id = "";
let username ="";
try{
    const payload_token = localStorage.getItem("payload");
    user_id = JSON.parse(payload_token).user_id;
    username = JSON.parse(payload_token).username;
} catch{
    user_id = "00";
    username = "익명유저";
}