웹페이지에서 url/uri를 통해서 전달된 쿼리스트링 정보를 자바스크립트에서 읽어오는 방법에 대하여 알아봅니다.# 쿼리스트링 정보 자바스크립트 읽어오는 방법웹페이지로 정보를 전달하고 이를 읽어오는 방법으로 쿼리스트링(query string)을 통해 전달할 수 있습니다. 이렇게 전달된 경우 아래와 같은 형태의 url 주소를 가지고 있겠죠.https://webisfree.com/?name=webisfree&no=123&order=5만약 자바스크립트를 사용하여 전달 된 파라미터 값을 읽으려면 어떻게 할까요? 방법을 생각해보면 아래와 같이 떠오를 수 있습니다.@ location.search 값에 split() 사용 또는 정규표현식 사용하기split()은 특정 문자를 기준으로 문자열을 자르기 때문에 & 기호를 기준으
Last Modified : 2022-03-23 14:29:03자바스크립트에서 주소 입력창에 입력된 파라미터 값을 다른 값으로 변경하는 방법을 알아봅니다.# 주소창의 현재 파라미터를 다른 값으로 바꾸기쉽게 말해 현재 아래와 같은 페이지값의 파라미터를 다른 값으로 바꾸는 방법이라고 생각하시면 됩니다.// 변경 전https://webisfree.com?page=1// 변경 후https://webisfree.com?page=5위와 같이 페이지를 변경할 때 가장 많이 사용됩니다. 여기서 문제는 파라미터가 page값만 존재하는 경우는 거의 없을 것입니다. 아래처럼 여러개의 값들이 존재하겠죠...https://webisfree.com?page=1&category=js&tag=etc파리미터가 더 많은 경우 간단하게 구현하는 방법이 쉽게 떠오르지 않는데요 이때 사용 가능한 방법이 바
Last Modified : 2020-10-30 10:45:45자바스크립트를 사용하여 URL 주소로 입력된 쿼리스트링 값을 객체로 변환하는 방법에 대하여 알아보려고 합니다.# 자바스크립트 쿼리스트링 객체 변환하기쿼리스트링은 주소창에 입력된 파라미터 값으로 ?keyword=webisfree와 같이 사용된 문자열을 말합니다. 이 값을 사용하면 웹페이지에 특정한 값을 URL 주소로 쉽게 전달 받을 수 있습니다.@ 쿼리스트링의 장점?물론 파라미터 값을 전달하는 방법은 다른 방법도 있지만 이 방법만의 가장 큰 장점은 페이지를 이동해도 여전히 파라미터 값을 유지할 수 있다는 점입니다. 쉽게 말해 뒤로 가기 버튼을 눌러도 이 값은 url에 그대로 남아있죠.그렇다면 어떻게 하면 쿼리스트링을 객체로 변환할 수 있을까요? 우선 객체로 왜 변환할까요? 가장 큰 이유는 값을 가져오거나 변경
Last Modified : 2021-01-25 20:30:22