ღ20일차 TIL, 스파르타 코딩클럽 리액트 심화 2주차 강의를 듣다 발생한 오류

위와 같이 Permit.js 파일(강의 진행을 따라 세션 승인 여부 확인을 편하게 하려고 만든 js파일)을 export하여 Header.js에서 세션 여부를 판별하여 그에 알맞는 헤더를 출력하려 하였다.

강의 내용에서는 위 사진처럼 적용하면 된다고 하여 해봤지만 결과는 실패. 분명 다른 페이지에서의 Permit은 정상 동작하였고 헤더에서만 안되는 상황이었다.
곰곰히 생각 해 보니 당연한 일이었다.

맨 위의 사진처럼 return 해주는 값을 헤더 페이지에서 return을 안하고 있었던 것이었다. 그저 강의 따라 했는데 안되어서 당황했는데

결국 if문을 사용하여 is_login(쿠키 여부에 따라 true or false로 바뀌는 리덕스 데이터)을 조건으로 주어 로그인 여부에 따라 다른 헤더를 보여주는데 성공하였다.

항해 20일차,

 심화 강의는 세세하게 다 알려주기 보단 빠르게 넘어가서 듣는데 좀 더 집중해서 집어주지 않은 부분을 더욱 신경 써야 할 듯 하다. 나 뿐만 아니라 다른 분들도 같은 곳에서 헤매고 계셨는데 결국 해결하게 되어서 정말 다행이다.

 TMI- 세션, 쿠키를 Permit.js에서 판별하는데 굳이 헤더에서 is_login을 통해 쿠키가 있는지를 확인하고 return 해서 이중으로 체크하지 않고 다른 방법으로는 할 방법이 없나 고민 중이다.