preload 를 최초 접속에 한해 한번만 실행되게 새로고침시 적용안되게 하는 방법
본문
서브페이지 접속시 preload 를 만들었는데
이게 페이지 접속 및 새로고침 시 계속 실행이 됩니다...(너무나 당연한거지만)
새로고침시에 계속 로딩화면(?)을 봐야하는게 너무 번거로울거 같아서 최초 접속시에 세션을 저장시켜서
새로고침시에는 preload 가 적용안되게 하고 싶은데
어떤식으로 구현해야할까요...??
혹시 세션을 물렸을경우 서브1 에서 서브2 넘어갈때에도 preload 가 안뜨나요...??
각 페이지 별로 이동할때에는 preload 가 적용되어야하고,
머무르고 있던 페이지를 새로고침할 시에는 적용이 안되게 할까하는데...
어떤식으로 구현하시는지 조언을 구할 수 있을까요??ㅠㅠ
답변 1
preload라는게 어떤거를 뜻하는지 모르겠지만, 개발을 어떻게 진행하느냐에 따라서 다를것 같아요.
저 같으면 세션 생각 안 하고 localstorage를 사용해서 저장 및 관리할거 같아요.
예를 들면 마지막 페이지 이름, 접속 날짜 이 두개를 저장하고,
두개의 값을 사용해서 preload를 실행할지 말지를 javascript에서 결정을 하면 될것 같습니다.
답변 감사드립니다! 제가 말씀드린 preload 는 로딩화면 입니다...
답변주신 내용으로 생각해보면 페이지이름, 접속시간 을 저장해서
새로고침시에는 페이지이름은 동일할거고, 접속시간만 다를 테니... 이때는 실행안시키고,
페이지이름과, 접속시간 2개의 값이 둘 다 다를 경우 로딩화면을 띄우는 식으로 구현하면 된다는거죠??
답변 감사드립니다!! 한번 당장 적용해봐야겠어요...!!
로딩 모션이 끝나면 sessionStorage 에 페이지이름, 페이지접속날짜를 저장해두고,
로딩 불러오는 조건에 저장된 두 개의 값이 현재페이지이름, 현재페이지접속시간과 다를 경우 실행되게 구현해서
새로고침시에는 로딩효과가 없고,
다른페이지 이동시에는 로딩효과가 적용되도록 했습니다!
조언주셔서 감사드립니다!
잘 해결되셨다니 다행입니다 ㅎㅎ
