[개발] restful api 후출 후 url의 파라미터 제거하기

안녕하세요 @realmankwon입니다.

ajax 를 이용하여 $.post, $.get 함수를 사용하다 보면 url에 호출하여 넘긴 파라미터들이 보여서 눈에 거슬릴때가 많습니다.
문제는 리플레쉬를 해도 파라미터들은 없어지지 않고 그대로 유지가 됩니다.

이것을 깔끔하게 처리하기 위해서는 script 영역에 아래와 같이 작성을 해주면 됩니다.

<script>
    history.replaceState({}, null, location.pathname);
</script>

위의 구문 덕분에 restful api 를 호출하여 결과값을 받아온 후에는 파라미터가 없는 원래 경로의 url이 깔끔하게 표시되는 것을 알 수 있습니다.

간만에 웹페이지를 개발하다보니 적응하는데에 시간이 좀 걸리긴 하지만 그동안 귀찮아서 찾아보지 않고 미뤄뒀던 것들을 해결하는 맛이 있어서 재미가 있네요.
아직까지는 구시대적 유물인 express와 jquery로 개발을 하고 있는데 급한 것이 끝나면 nest, next로 넘어가야할 듯 합니다.
얼른얼른 진도르 빼야겠습니다!!