개발자
바닐라js로 간단하게 만들고있는데 요소를 드래그해서 translatex로 움직였는데 새로고침해도 그 움직인 위치 그대로 유지하게 할 수 잌ㅅ는 방법 여쭙고자 질문드립니다 ㅠ
답변 1
먼저 새로고침이라는 동작에 대한 정의가 필요해보입니다. 일반적으로 웹브라우저에서 새로고침이라고하면 해당 url로 다시 접속을 하는겁니다. 결국 새로고침을 하면 브라우저는 DOM을 새로 그리게됩니다. 새로 그린다는건 새로고침 전에 일어났던 이벤트들이 DOM 레벨에서 유지가 안된다는 것입니다. 위 내용이 잘 이해가 안가시면 mdn사이트 DOM 공식문서를 한번 보시는걸 추천합니다. https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction 이제 방법은 두가지가 있습니다. 1. 로컬스토리지를 활용해 해당 이벤트들에 대한 정보를 저장하고 해당 내용 체크해서 화면을 그리는 방법. 2. DB에 저장해서 화면을 그려주는 방법 1번 2번 모두 해보시면 좋을 것 같습니다. 각 방법의 장단점과 필요성에 대해 이해하는 것이 앞으로 많은 도움이 될 겁니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
지금 가입하면 모든 질문의 답변을 볼 수 있어요!