URL 파라미터 vs URL 변화 없이 상태관리?

검색 필터링을 구현할 때 URL 변경이 있거나 vs URL 변화가 없이 구현하는 방법이 있는데, 차이점을 알아보자.

 

URL 파라미터의 변경이 있는 경우는 자주 쓰이는 방식으로쿼리스트링 방식이 있는데,

http://example.com/search?query=example&category=web&sort=latest

 

query, category, sort라는 파라미터에 example, web, latest라는 값이 할당된 경우다.

 

장단점으로는,

• 👍공유의 용이성
  • 사용자가 특정 검색 결과를 저장하거나 공유할 때, URL에 검색 조건이 명시되어 있어 쉽게 전달할 수 있다.
• 💥 URL이 복잡해질 수 있음
  • 검색 조건이 많아지면 url이 길어지고 복잡해 보일 수 있다
• 💥 보안성
  • 일부 검색 조건이 url에 노출되면 보안에 문제가 있을 수 있다

 

URL 변경이 없는 경우는 보통 SPA 방식으로 페이지 상태를 저장하기 위해 클라이언트 사이드 라우팅을 사용하는 방식으로 구현할 수 있다. 

 

장단점으로는,

• 👍 좋은 사용자 경혐
  • 페이지 리로딩이나 url 변화가 없어 사용자 경험을 향상 시킬 수 있다
• 👍보안성
  • 검색 조건이 url에 노출 되지 않기 때문에 일부 보안 문제를 예방할 수 있다.
• 💥구현의 복잡성
  • 특정 검색 결과를 공유하려 할 시 페이지 상태를 저장해야 하므로 구현이 복잡해진다.