- 자바스크립트 무결성 검증 integrity 코드 생성 방법 무결성 검증 integrity 코드는 해당 리소스가 위조 또는 변조 되었는지 확인해주는 매커니즘이다. 아래의 사이트에 리소스 url을 입력하면 integrity 코드를 알 수 있다. SRI Hash Generator Generate Subresource Integrity (SRI) attributes, easily and fast www.srihash.org - SRI Hash Generator URL 입력 후, 'Hash!'를 누르면 아래처럼 스크립트 태그가 나온다. 당연한 말이지만 integrity 코드는 리소스가 변경될 때마다 값이 변하게 된다. js 파일 수정 등으로 인해 integrity 코드가 바뀌었다면 아래와 같은 에러를 만나게 ..

- 자바스크립트에서 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..