- 자바스크립트에서 NaN 값 비교하는 방법 자바스크립트에서 NaN은 Not-A-Number(숫자가 아님)를 나타낸다. NaN을 반환하는 연산에는 아래와 같은 경우들이 있다. // 1. 숫자로 변환 실패 console.log(parseInt("blabla")); // NaN. 명시적인 경우 console.log(Number(undefined)); // NaN. 명시적인 경우 console.log(Math.abs(undefined)); // NaN. 암시적인 경우 // 2. 결과가 허수인 수학 계산식 console.log(Math.sqrt(-1)); // NaN // 3. 정의할 수 없는 계산식 console.log(0 * Infinity); // NaN console.log(1 ** Infinity); ..

- gif 이미지를 이용한 로딩바, 로딩서클 만들기 데이터를 처리할 때 화면에 표시되는 로딩바, 로딩서클을 만들어보려 한다. 두 개의 함수만 구현하면 되기에 꽤나 간단하다. (아래 코드는 jQuery로 구현해놓았기에 cdnjs에서 jQuery를 받아와야 한다.) [jQuery] 제이쿼리(jQuery)란? [cdnjs에서 HTML로 jQuery 불러오기] 1. 제이쿼리(jQuery)란? HTML에 애니메이션, 이벤트 처리 등 다양한 기능을 부여해 주는 라이브러리 2. 제이쿼리(jQuery) 적용 방법 - jQuery 소스 : cdnjs jquery - Libraries - cdnjs - The #1 free and open source CDN built yermi.tistory.com [꿀팁] 투명 로딩바..

- 현재 페이지 URL과 파라미터 가져오기 1. 현재 페이지 URL 가져오기 // 현재 페이지의 URL 가져오기 window.location.href // https://yermi.tistory.com/?id=test&pw=1234 // 현재 페이지의 쿼리스트링만 가져오기 window.location.search // ?id=test&pw=1234 2. 현재 페이지 파라미터 변수에 담기 const url = new URL("https://yermi.tistory.com/?id=test&pw=1234"); // URLSearchParams 객체 사용 const urlParams = url.searchParams; // 각 파라미터 변수에 담기 let id = urlParams.get('id'); // te..

- 자바스크립트로 Excel 데이터 가져오기 SheetJS는 로컬에 저장된 엑셀 파일을 다룰 수 있는 라이브러리이다. 이 라이브러리를 별도로 다운로드 받지 않고도 CDN을 통해 이용할 수 있다. GitHub - SheetJS/sheetjs: 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs - GitHub - SheetJS/sheetjs: 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sh..

[API] 웹 페이지에 네이버 지도 띄우고 마커 찍기 [네이버 Maps API 사용하기] - 웹 페이지에 네이버 지도 띄우고 마커 찍기 1. Naver Maps Application 등록 NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 2. 웹 yermi.tistory.com - 네이버 지도에서 정보 창 띄우기 정보 창을 만들기 앞서, 지도와 마커를 생성한다. // 서울시청으로 지도, 마커 띄우기 var cityhall = new naver.maps.LatLng(37.5666805..