URL query1 Vue.js에서 URL 쿼리로 테이블 정렬 상태 기억하기 - 새로고침에도 유지돼는 UX 만들기 Vue.js에서 테이블을 정렬할 때, 사용자가 클릭한 정렬 기준(column)과 정렬 방향(오름차순/내림차순)을 새로고침해도 그대로 유지시키고 싶을 때가 많습니다. 이럴 때 가장 깔끔하고 강력한 방법은 바로 URL 쿼리(query string)를 활용하는 것입니다.📌 목차왜 URL 쿼리를 사용할까?정렬 상태를 URL에 반영하기created() 훅에서 초기값 읽기computed로 정렬된 목록 반환정렬 버튼 클릭 시 처리 로직기본 정렬로 되돌리기1. 왜 URL 쿼리를 사용할까?사용자가 데이터를 정렬한 상태 그대로 새로고침하거나 URL을 공유할 수 있게 하려면 URL 쿼리가 적절한 수단입니다. 세션 저장소나 Vuex 없이도 this.$route.query만으로 충분히 구현 가능합니다.2. 정렬 상태를 URL.. 2025. 7. 21. 이전 1 다음