1월 10일 여정 2일차이다.

오늘의 Today I Learned

Problem

프로잭트에서 파라미터 값을 불러오는데에 애를 먹었다. 프론트엔드에서 url의 파라미터 값을
가져와야 하지만 전혀 가져 올 수가 없었다.

Try

ajax를 활용하여 GET 방식으로 백엔드에서 찾아 놓은 id 값을 가져오려 했지만 전혀 작동하지 않았다.
뿐만 아니라, 이전에 DB에 저장된 모든 정보를 벡엔드에서 불러와 ajax를(GET) 통하여 프론트엔드에서 id만을 추출하였지만, 이것은 원하는 기능 구현이 아니었다.

Solve

머리 속에 온통 ajax로 가득하니, 풀릴 수가 없는 문제였다. 곰곰히 생각해보니 지금 사용하고 있는 언어는 ajax가 아니라 jquery를 이용하고 있었다. 즉 jquery를 이용하여 파라미터를 불러오면 되는 것었다.

 function show_id() {
        let url_href = window.location.href;
        let url = new URL(url_href);
        let a = url.searchParams.get("id");
        console.log(a);
      }

이렇게 단 3줄이면 해결이 되는 것을 ajax로 고민을 하고 있었던 것이다.

Knew

사실 위의 코드는 jqurey가 아니다. 자바스크립트에서 URL 객체를 이용하여 파라미터 값을 가져왔다 하는 것이 더 맞다. 자바스크립트는 많이 사용하였지만, 자바스크립트로 url 파라미터를 가져오는 것은 처음인 것 같다.

마지막으로

개인적으로 보았을 때, 이번 문제는 소극적인 검색이 원인이 된 것 같다. 조금 더 적극적이고 확실하게 검색을 해보았으면 조금 더 빠르게 해결 될 문제가 아니었나 하는 생각이 든다.