#TIL27, JWT와 로컬스토리지를 사용한 Coupon정보 읽어오기

개인 공부를 위해 작성했습니다

○완성된 코드

initializeUserInfo = () => {
  const loggedInfo = localStorage.getItem('AUTHORIZATION');
  fetch(GET_AUTHORIZATION_API, {
    method: 'GET',
    headers: {
      AUTHORIZATION: loggedInfo,
    },
  })
    .then(response => response.json())
    .then(data => {
    if (data.message === 'SUCCESS') {
      this.setState({
        userName: data.user_info.user_name,
      });
    } else {
      this.setState({
        userName: '고객',
      });
    }
  });
};

componentDidMount() {
  fetch(GET_COUPON_API)
    .then(response => response.json())
    .then(coupondata => {
    this.setState(
      {
        couponData: coupondata.message,
      },
      () => this.initializeUserInfo()
    );
  });
}

메인 페이지를 작업하면서 백엔드와 통신하는 일이 다른 페이지에 비해 적었는데, 이번 작업을 하면서 토큰을 받아와서 백엔드에 주고 내가 원하는 데이터를 받아오는 방법을 배울 수 있었다.😃

혼자 작업을 했을 때와는 비교도 안 되게 뿌듯한 순간이었고,
정말.. 개발자로서의 무언가를 만들어낸 것 같았다! 나에게 정말 소중한 경험이 되었다!👍👍👍