웹 개발하면서 “아, 이거 진짜 귀찮은데…” 싶은 순간들, 다들 한 번쯤 겪어봤죠? 반복적인 작업, 복잡한 설정, 꼬여버린 코드… 🤯 저도 셀 수 없이 많은 밤을 새우면서 야근했던 기억이 새록새록 떠오르네요. 그래서 오늘은, 저처럼 고생하는 개발자분들을 위해 준비했어요. 웹 개발 생산성을 확! 올려줄 숨겨진 보석 같은 도구들을 소개합니다. 이 도구들만 잘 활용해도 칼퇴근은 물론이고, 개발의 재미까지 … Read more
상황 자바스크립트로 스크립트 작업을 하다보면 마주치는 상황이 있다.연이어 다중 처리가 되어버리는 문제인데 그간 작업을 하면서 가장 많이 마주친 상황은 이렇다. 위와 같은 상황은 너무 자주 호출됨으로써 서버에 부담을 줄 수 있고 또 클라이언트에서도 다중 호출된 이벤트 때문에 성능에 문제가 생기는 경우가 많다. 간단히 쓰로틀링과 디바운싱을 설명하자면 진짜 간단하게 말하자면 이렇다 쓰로틀링의 예 그렇다면 쓰로틀링은 언제 … Read more
최근 지도기반으로 작업하는 프로젝트가 있었다.그 중에 지도에 폴리곤을 뿌려주고 클릭시, 마커 표시시 폴리곤 내부에 있는지 판단해야 하는 문제가 있었는데 그 과정에서 어떻게 했는지 간단하게 남겨보고 싶다. 특정 좌표 point와 polygon 이라는 변수로 각각 두었을 때 폴리곤 내부에 있는지 판단하는 코드는 아래와 같다. 그리고 이제 사용을 하려면 아래와 같이 하면 된다 위 코드에서는 레이캐스팅 알고리즘을 사용해서 … Read more
개발을 하면서 타이머를 만들어야 할 경우가 있다. 이번에는 휴대폰 인증을 진행하면서 인증번호를 입력하는 최대시간에 대한 타이머가 필요했는데 물론 라이브러리들을 찾으려면 찾을 수 있겠지만 매우 간단하므로 직접 만들어보기로 했다. 폼 엘리먼트인 INPUT 필드에 남은 시간을 표시해주고 매 초당 감소되는 형태이다. 코드는 아래와 같다. 뭐 워낙에 간단한 코드라서 그닥 설명이 필요하지도 않지만 설명을 해보자면 가장 중요한것은 clearInterval이다. … Read more
웹개발을 할 때 그래프나 차트가 필요한 경우가 많습니다.간단한 것부터 복잡한 것까지 필요한 내용에 따라 라이브러리를 잘 골라 써야합니다. 라이브러리는 무료, 유료, 부분유료 등 다양한 종류가 있으니 사용 환경이나 취향에 맞게 골라쓰면 될 것 같습니다. HighCharts 라이센스 : 무료, 유료가격 : 무료~$750링크 : https://www.highcharts.com예제 : https://www.highcharts.com/demo디펜던시 : 없음 SVG 베이스 자바스크립트 차트 라이브러리입니다. 의존성 없이 독립적으로 실행이 가능하고 … Read more