- 브라우저 창 조절 시 NaN이 발생하다이미지맵을 창 크기에 맞게 리사이징할 일이 있어서 이것저것 찾는 중 jQuery-rwdImageMaps을 알게 되었다.내가 원하던 기능이여서 만족하였지만 버그를 발견하였다.페이지 로딩 시에는 정상적으로 리사이징 되었으나, 브라우저 크기를 변경하면 아래처럼 NaN이 발생하였다. 에러 해결이 간단할 거 같았고, 코드도 어렵지 않아 보여 해당 에러를 수정해봐야겠다 생각했다. 그래도 혹시 모르니 다른 사람이 작업한 게 있나 PR을 확인해 봤다.DotFreelance라는 사람이 해결해서 PR 해놨었다. (그러나 이 PR은 10년 넘게 멈춰있었다..🥲) GitHub - kycasdzxc/jQuery-rwdImageMaps: Responsive Image Maps jQuer..

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

- 정규표현식으로 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" 문자열을 나타내며, "|"를 사용하여 둘 중 하나를 ..

- 책 정보아무리 디자인을 잘해도 자바스크립트를 제대로 활용하지 못한다면 표현하고자 하는 웹사이트를 만들기 어렵다. 사용자와 전하고자 하는 콘텐츠에 따라 그에 맞는 디자인과 기능을 더해야 하는데 이때 필요한 것이 바로 자바스크립트이기 때문이다. 하지만 자바스크립트를 이론부터 배우기 시작하면 어렵고 막막할 수 있다. 프로그래밍을 하다 보면 어떤 기능을 어떻게 구현해야 하는지 잘 떠오르지 않기도 하다.이 책에서는 이미 완성된 웹사이트를 기반으로 자바스크립트의 중요한 개념과 기능을 차근차근 설명한다. 따라서 어떤 기능이 어떻게 활용되는지 쉽게 익히고 오늘 당장 나만의 웹사이트를 만드는 데 활용할 수도 있다. 자바스크립트를 처음 배운다면, 배우다가 포기했다면 이 책으로 시작해보자.- 도서 리뷰'완성된 웹사이트로..

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