[일상] 브라우저 창 조절 시 이미지맵에서 NaN이 발생하다💥 [jQuery-rwdImageMaps, 오픈소스 파헤치기]

- 브라우저 창 조절 시 NaN이 발생하다

이미지맵을 창 크기에 맞게 리사이징할 일이 있어서 이것저것 찾는 중 jQuery-rwdImageMaps을 알게 되었다.

내가 원하던 기능이여서 만족하였지만 버그를 발견하였다.
페이지 로딩 시에는 정상적으로 리사이징 되었으나, 브라우저 크기를 변경하면 아래처럼 NaN이 발생하였다.

브라우저 사이즈 변경 시 NaN이 발생하였다.

 

에러 해결이 간단할 거 같았고, 코드도 어렵지 않아 보여 해당 에러를 수정해봐야겠다 생각했다.

jQuery-rwdImageMaps, 대충 이런 느낌쓰

 

그래도 혹시 모르니 다른 사람이 작업한 게 있나 PR을 확인해 봤다.
DotFreelance라는 사람이 해결해서 PR 해놨었다. (그러나 이 PR은 10년 넘게 멈춰있었다..🥲)

DotFreelance, 그는 멋진 개발자였다.

thank you를 외치며 그의 코드를 GET

---

jQuery-rwdImageMaps 정상 작동 完🔥

---

GitHub - kycasdzxc/jQuery-rwdImageMaps: Responsive Image Maps jQuery Plugin

---