본문 바로가기

프로그래밍/Javascript

(7)
How to detect browser. https://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser?rq=1 에서 본 내용을 간단하게 정리해봄. 결과
IOS 버전 관련 처리 1. IOS Useagent Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) Version/11.0 Mobile/15A5341f Safari/604.1 2. 하고싶은 것 - 11.4 버전 이상일 경우를 체크하고 싶다. - 소스function osVersion(){ var mt = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/); if (mt === undefined || mt === null || nt === '') { return false; } var version = [ parseInt(mt[1], 10), parseInt(mt..
[Jquery] .each에서 break, continue 구현하기. 1. Jquery Each - API 문서 바로가기 - 쉽게 말해 반복문이다. 2. Break, Continue란? - break 는 반복문을 중지하는 기능 - continue 는 해당하는 반복구간을 건너뛰는 기능 3. Jquery each에서는?? 1) 요약 - break는 return false; - continue는 return true; 2) 샘플 - 소스 1 2 3 4 5 6 - 결과( 6에 해당하는 value값은 출력되지 않는다.)
How to create dynamic a form! 1. 동적으로 HTML Form을 생성 2. 문제 발생 1) 에러document.body.appendChild(formEle); - 위 소스를 추가 안할 경우 제대로 동작을 안함. 꼭 추가해야함.
javascript replaceAll 사용하기 자바스크립트에서는 replaceAll이 없다. 그래서 다른 방법으로 사용해야한다. 1. 기존 replacevar str = "TEST : Sample TEST text"; var replaceStr = str.replace("TEST","Test"); // TEST라는 텍스트를 Test으로 변경 console.log("replaceStr : ", replaceStr);- 결과값replaceStr : Test : Sample TEST text - 첫번째 조건만 변경하고 멈춘다. 2. replaceAll 사용하기1) string prototype 메소드 추가해서 사용하기 - searchStr을 구분자로 분리(split)한 다음, replacement라는 연결자로 연결(join)하는 형태/** * String..
Timer 구현하기 1. 기능 - HTML에서 특정 시간 카운트 다운 - HTML에 카운트 되는 시간 출력 2. Code 1) HTML Source 2) Javascript Sourcevar timerId; var timerSec = 3; window.onload= function() { timerId = setInterval('timer()', 1000); } function timer() { var min = Math.floor(timerSec / 60) var sec = timerSec % 60; var msg = (min < 10 ? "0"+ min : min) + ":" + (sec < 10 ? "0"+ sec : sec); timerSec--; if (timerSec < 0) { /* time End*/ msg ..
외부 javascript 파일에 다국어 적용하기(i18n.properties 사용) 1. 개요 - 글로벌 서비스를 진행하는 웹 페이지의 경우 다국어를 적용해야한다. - 그러나 모든 처리를 서버 사이드에서 진행하기에는 굉장히 부담이 크다. - 특히나 외부 javascript 파일의 경우 더욱 골치가 아프다. - 그래서 간단히 사용할 수 있는 자바스크립트 모듈 "i18n"을 소개하려고 한다. - Github URL : https://github.com/jquery-i18n-properties/jquery-i18n-properties 2. 간단한 설명 - 기본 jquery lib는 무조건 import해야함. - jquery-i18n-properties에서 .js 파일을 다운로드함 - 소스에 추가 - 소스 사용은 아래 Example을 참고하시기를 - i18n 명칭이 약간 이상해서 검색해봄 - ..