◎ JavaScript

[jQuery] 이미지맵 반응형 웹 사이트에 적용하기 [jQuery-rwdImageMaps, 이미지맵 리사이징]

- 이미지맵 반응형 웹 사이트에 적용하기반응형 웹이거나 브라우저 크기를 변경할 때 이미지맵의 크기가 달라진다.jQuery-rwdImageMaps를 쓰면 해결할 수 있다.기존 라이브러리에서는 브라우저 크기 조정 시 이미지맵 coords가 NaN으로 변하는 버그가 있었다.해당 버그는 내 repo로 fork 해서 수정해놓았다. GitHub - kycasdzxc/jQuery-rwdImageMaps: Responsive Image Maps jQuery PluginResponsive Image Maps jQuery Plugin. Contribute to kycasdzxc/jQuery-rwdImageMaps development by creating an account on GitHub.github.com- jQue..

[JS] 브라우저 URL에서 매개변수 값 추출하기 [JavaScript의 URLSearchParams 활용]

- 브라우저 URL에서 매개변수 값 추출하기 웹 애플리케이션을 개발하다보면 종종 현재 페이지 URL에서 특정 매개변수 값을 추출해야 할 때가 있다. 이를 위해서는 JavaScript를 사용하여 URL을 파싱하고 필요한 정보를 추출해야 한다. 이번 글에서는 JS의 URLSearchParams 객체를 활용하여 브라우저 URL에서 매개변수 값을 추출해 볼 것이다. 이 객체를 사용하면 URL의 쿼리 문자열을 쉽게 파싱하여 매개변수 값을 가져올 수 있다. 아래는 getValueFromPreviousPage 함수를 통해 이전 페이지에서 특정 매개변수 값을 가져오는 예제이다. 이 함수는 페이지가 로드될 때 실행되어 이전 페이지에서 전달된 매개변수 값을 추출하고, 해당 값이 존재하면 추가적인 작업을 수행한다. // 이..

[GAS] 외부에서 구글 스프레드 시트에서 데이터 가져오기 [Google Sheets에서 URL 해시 매핑 데이터 가져오기]

- 구글 스프레드 시트에서 데이터 가져오기 애플리케이션에서 URL 링크를 관리하고자 할 때, 링크의 일부를 해시 값으로 사용하여 데이터를 가져올 수 있다. GAS를 사용하여 구글 스프레드시트에서 URL 해시 매핑 데이터를 가져오는 방법에 대해 알아볼 예정이다. 아래 코드는 doGet 함수와 getHashForURL 함수로 구성되어 있다. doGet 함수는 URL 매개변수에서 'hash' 파라미터를 가져와서 해당 해시 값에 대응하는 URL 값을 반환한다. 그리고 getHashForURL 함수는 입력된 URL에 대한 해시 값을 반환하는 함수이다. // doGet 함수는 URL 매개변수에서 'hash' 파라미터를 가져와서 해당 hash에 대한 URL 값을 반환합니다. function doGet(e) { var..

[JS] 정규표현식으로 URL 검증하기 [간단한 형태의 URL을 체크하는 정규표현식 만들기]

- 정규표현식으로 URL 검증하기 URL을 체크하기 위한 정규표현식은 다양한 형식의 URL을 모두 고려하여야 한다. 다음은 간단한 형태의 URL을 체크하는 정규표현식이다. const urlRegex = /^(http|https):\/\/[\w\-]+(\.[\w\-]+)+[/#?]?.*$/; 이 정규표현식은 다음과 같은 URL 형식을 허용한다. http:// 또는 https://로 시작하는 URL 도메인 이름 (예: example.com) 옵션: 경로, 쿼리 문자열, fragment 등 - 정규표현식에 대한 설명 1) ^(http|https) URL은 "http://" 또는 "https://"로 시작해야 한다. 이 부분은 "http" 또는 "https" 문자열을 나타내며, "|"를 사용하여 둘 중 하나를 ..

[GAS] 외부에서 URL과 해시 값을 받아 스프레드시트에 저장하기 [Google Sheets에 외부 데이터 추가하기]

- 외부에서 URL과 해시 값을 받아 스프레드시트에 저장하기웹 애플리케이션을 개발하다보면 외부에서 전달된 데이터를 스프레드시트에 저장해야 할 때가 있다. 오늘은 GAS를 사용하여 외부에서 전달된 URL과 해시 값을 받아와 스프레드시트에 저장하는 방법에 대해 알아본다.아래 코드는 doPost 함수와 writeToSpreadsheet 함수로 구성되어 있다.doPost 함수는 외부에서 전달된 URL과 해시 값을 가져와서 스프레드시트에 입력한다. 그리고 writeToSpreadsheet 함수는 받아온 데이터를 실제로 스프레드시트에 입력하는 역할을 한다.// doPost 함수는 전달된 URL과 해시 값을 스프레드시트에 입력합니다.function doPost(e) { // 전달된 데이터에서 URL과 해시 값을 가..