본문 바로가기

#javascript

자바스크립트(JavaScript) Array.prototype.indexOf, Array.prototype.lastIndexOf 폴리필(polyfill) 안녕하세요. 루미오입니다. JavaScript Array 함수 중에 indexOf()와 lastIndexOf()는 IE 9 이상에서만 지원합니다. IE 8 이하에서 사용하기 위해서는 폴리필(polyfill)을 적용해야 합니다. 오늘은 indexOf()와 lastIndexOf()의 폴리필(polyfill)을 소개하겠습니다. 순서 ● Array.prototype.indexOf 폴리필(polyfill) ● Array.prototype.lastIndexOf 폴리필(polyfill) 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. Array.prototype.indexOf 폴리필(polyfill) [Array.prototype.indexOf 폴리필] /* A..
자바스크립트(JavaScript), 제이쿼리(jQuery) 페이지 이동(redirect) 안녕하세요. 루미오입니다. JavaScript와 jQuery에서 페이지 이동 방법을 알아보겠습니다. 순서 ● JavaScript의 페이지 이동 ● jQuery의 페이지 이동 ● Test Source Code JavaScript의 페이지 이동 /* assign 방식 */ window.location = "https://loomio.kr"; window.location.href = "https://loomio.kr";// window.location 동일함. window.location.assign("https://loomio.kr");// window.location 동일함. /* replace 방식*/ window.location.replace("https://loomio.kr"); assign방식(2,..
자바스크립트(JavaScript) 공백 제거 (trim, trimStart, trimLeft, trimEnd, trimRight) 안녕하세요. 루미오입니다. JavaScript에서 문자열(string)의 공백 제거 방법에 대해서 알아보겠습니다. 순서 ● trim() : 문자열 양 끝 공백 제거 ● trimStart(), trimLeft() : 문자열 앞(left) 공백 제거 ● trimEnd(), trimRight() : 문자열 뒤(right) 공백 제거 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. JavaScript는 내장함수 5개 제공합니다. trim(), trimStart(), trimLeft(), trimEnd(), trimRight() method가 그것입니다. trim()은 IE 9 이상에서만 지원하며, trimStart(), trimLeft(), trimEnd(..
자바스크립트(JavaScript) null 또는 undefined 체크하기 (isNull) 안녕하세요. 루미오입니다. JavaScript에서 null이나 undefined를 체크하는 방법을 알아보겠습니다. 순서 ● isNull() function 만들기 ● isNull() function 사용법 JavaScript에서 null이나 undefined를 체크해야 하는 상황은 매우 빈번합니다. 하지만 JavaScript의 내장함수로 제공되지 않기 때문에 번거롭지만, 매번 손가락 운동을 해야 하는데요. 오늘은 null과 undefined를 체크하는 function을 만들어 보겠습니다. isNull() function 만들기 먼저 Source Code를 보시겠습니다. function isNull(v) { return (v === undefined || v === null) ? true : false; ..
SyntaxHighlighter v3.0.83 (소스 코드 하이라이터) 설치 및 사용법 안녕하세요. 루미오입니다. 순서 1. SyntaxHighlighter 설치 2. SyntaxHighlighter 사용법 블로그를 운영하거나 웹 개발 시에 source code를 보기 좋게 하이라이트 하고 싶으시죠? 오늘은 소스 코드 하이라이터 중 가장 막강한 SyntaxHighlighter v3.0.83을 CDN을 이용한 설치와 사용법을 알아보겠습니다. 지금 보시는 페이지도 사용하고 있습니다.SyntaxHighlighter는 현재 v4.0.1이 최신 버전입니다. 하지만 스스로 build를 해야 하고, CDN 서비스를 제공하지 않고 있습니다. build를 하자니 git도 설치하고, npm도 설치하고, minify도 해야 하고, source code도 일부 수정해야 하고 급 귀차니즘이 발동하네요. 그래서 S..