-
메인 화면에서 SessionStorage를 통한 Splash 이미지를 최초 로그인일때만 보여주기React.js 2024. 9. 8. 13:30728x90
최초로 랜딩 페이지에 왔을때 getSessionStorage를 통해서 해당 데이터가 없을 경우에 Slash 이미지를 보여주고 해당 스토리지에 데이터를 저장한다.
SessionStorage를 사용한 이유
- 브라우저 창을 닫았을 경우 사라지는 휘발성 데이터여야 한다. 브라우저창을 닫고 다시 들어 왔을때 최초 접속이기 때문이다.
- 브라우저 창을 닫지 않는 상태에서 다시 랜딩페이지로 갔을경우 splash 이미지가 로딩되지 않아야 하기 때문에
728x90'React.js' 카테고리의 다른 글
HOC(Higher-Order-Components)를 활용한 사용자 인증 정보 관심사 분리 (0) 2024.10.10 react에서 useHover 커스텀훅과 hover시 modal 재사용 컴포넌트 (0) 2024.10.09 팩토리 패턴을 이용하여 동적 탭 메뉴 리스트 만들기 (0) 2024.08.10 react 이미지 편집 라이브러리 (0) 2024.08.06 react-date-picker 사용하여 time-picker 재사용 컴포넌트 만들기 (0) 2024.07.27