페이지네이션 구현 시 onClick 함수 호출 오류(24.03.14)

문제

도로명주소 검색 페이지인 search.html에서 도로명 주소 검색결과 리스트의 pagination을 JavaScript를 이용해서 동적으로 구현하고 있고,

pagination 요소에 검색결과를 호출하는 함수인 roadAddrApi와 매개변수인 페이지번호,검색어를 OnClick Event로 전달하려고 했으나, 전달되지 않고 다음과 같은 오류가 발생하였음

“Uncaught ReferenceError: 강남대로 is not defined at HTMLAnchorElement.onclick ((index):1:15)”

 

해결 과정

• Chrome의 개발자 도구로 확인했을 때, 검색어 글자는 제대로 들어가는 것을 확인하였습니다
• 이 오류에 대해 검색해보니 변수가 그대로 들어가는 문제임을 알게 되었습니다. 그래서 not defined 라는 오류가 발생하는 것이었습니다
• 변수를 문자열로 치환한 뒤 함수를 호출할 수 있도록 이스케이프 문자( \’ )를 활용해서 문자열로 인식할 수 있도록 변수를 닫아주었습니다