새로고침없이 페이지바꾸는방법

Question

안녕하세요. 웹개발 공부하는 학생입니다.페이지들을 보면, 도메인 페이지가 있고,예를들면 blog.naver.com/블로그의 다른 포스팅을 클릭하면 슬래시 뒤의 부분만 바뀌잖아요?blog.naver.com/블라블라 -> blog.naver.com/살라샬라그런데 이 페이지 이동이 일어날때, 새로고침이 없이 일어나는데,제가 아직 배운부분까지라면 html파일이 바뀐다면 새로고침이 일어나는데, 어떻게 새로고침이 없이 이동할 수 있나요?조금 찾아보니 ajax, 리액트라우터 와 같은걸 공부하면 된다고 하는데, 맞는지 궁금합니다.너무 초보적인 질문이었을까요? 그런데 방법을 못 찾겠어서 여기 여쭤봅니다..감사합니다.

자두에이드 · Answer

SPA(Single Page Application)를 검색해보시면 좋을 것 같습니다!

Gear · Answer

history.pushState(null, null, "/this-is-answer");개발자도구에 이 명령어 쳐보시면 알 수 있을겁니다.

Paimon · Answer

간단히 말해서 링크를 클릭했을 때 a 태그의 기본동작을 방지하고, 자바스크립트로 페이지의 html을 서버에서 받아온 데이터를 이용해 갈아끼워주는 방식이라고 생각하시면 됩니다

새로고침없이 페이지바꾸는방법

3개의 답변

기술 목록