React.js

메인 화면에서 SessionStorage를 통한 Splash 이미지를 최초 로그인일때만 보여주기

Dev갱이 2024. 9. 8. 13:30
728x90

최초로 랜딩 페이지에 왔을때 getSessionStorage를 통해서 해당 데이터가 없을 경우에 Slash 이미지를 보여주고 해당 스토리지에 데이터를 저장한다.

 

 

SessionStorage를 사용한 이유

  • 브라우저 창을 닫았을 경우 사라지는 휘발성 데이터여야 한다. 브라우저창을 닫고 다시 들어 왔을때 최초 접속이기 때문이다.
  • 브라우저 창을 닫지 않는 상태에서 다시 랜딩페이지로 갔을경우 splash 이미지가 로딩되지 않아야 하기 때문에
728x90