2021-07-24
뒤로 가기 버튼을 구현하기 위해서는 크게 준비할 거 없이 a 태그 하나만 사용하면 손쉽게 구현할 수 있다. 오늘은 이와 같은 방법을 빠르게 알아보도록 하자.
- 소스코드
// 히스토리의 back을 사용한 뒤로가기 링크 구현
<a href="javascript:window.history.back();">뒤로가기</a>
// 히스토리의 go를 사용한 뒤로가기 링크 구현
<a href="javascript:window.history.go(-1);">뒤로가기</a>
위의 두 코드는 뒤로가기 버튼 구현 시 상당히 많이 사용하는 코드로 자신의 기호와 상황에 맞게 사용해주면 된다.
(작성자는 가독성 면에서 back() 메서드가 조금 더 눈에 들어오기 때문에 자주 사용하곤 한다.)
(버튼 형식으로 구현하고 싶으면 a 태그안에 button 태그를 넣어서 구현하면 된다.)
메인 이미지 출처: Photo by Toa Heftiba on Unsplash