본문 바로가기

IT_Developers/Javascript79

JavaScript - maxlength가 되지 않을 때 안녕하세요. 고코더 입니다. HTML에서 가끔 maxlength가 안 먹히는 문제가 발견되고는 합니다. 특히 모바일에서는 더 설정이 되지 않는 이상한 문제가 있습니다. 그래서 거의 정석처럼 사용하는 소스코드가 있습니다. ● 1. 바로 아래 함수를 사용하는 방법입니다. function maxLengthCheck(object) { if (object.value.length > object.max.length) object.value = object.value.slice(0, object.max.length) } ● 2. 해당 함수를 원하는 input에 붙여 넣으면 완료됩니다. * 참조 자료 https://stackoverflow.com/questions/48840583/maxlength-on-a-number.. 2021. 11. 24.
JavaScript - 변수의 타입을 알아보는 방법 / typeof typeof 변수의 데이터 타입을 알아보다 안녕하세요. 고코더 입니다. 자바스크립트에서 변수의 데이터 타입을 알아볼 수 있는 방법을 알아보겠습니다. 사용법 ● 1. typeof는 변수가 어떤 타입인지 알려주는 역할을 합니다. 예제를 한번 확인해보겠습니다. let strVal = "문자열"; let numVal = 123; let objVal = [1,2,3]; console.log(typeof strVal); console.log(typeof numVal); console.log(typeof objVal); 결과화면 ● 1. 변수의 데이터 타입을 확인하여 로직을 작성할때 유용한 연산자 입니다. 2021. 11. 14.
JavaScript - getElementbyId ()란? 사용법 안녕하세요. 고코더 입니다. 자바스크립트보다 jQuery에 익숙한 분들은 슬슬 getElementbyId의 철자를 잊어먹기 시작했을 것입니다. 저 역시 마찬가지입니다. 하지만 자바스크립트 기본기를 탄탄히 하려면 바닐라 JS 위주로 다시 한번 리마인드 해보시기 바랍니다. getElementbyId ● 1. 이 함수는 element의 ID를 이용해 요소를 찾는 함수입니다. 일치하는 dom을 찾았다면 엘리먼트를 반환합니다. 만약 아래와 같은 id를 가진 div를 이 함수를 이용해 찾아보겠습니다. ● 2. document.getElementById()를 선언하고 그 안에 ID값을 넣어서 변수로 담으면 완료입니다. let gc = document.getElementById("GoCoder"); ● 3. 익숙한 방.. 2021. 11. 3.
jQuery - 구브라우저 호환 플러그인 / jquery migrate 안녕하세요. 고코더 입니다. IE8 버전 이하에서 호환되는 jQuert 버전은 1.8 이하라고 배웠습니다. 하지만 기능 부족하고 최적화가 덜된 구버전 jQuery로 개발하는 것도 매우 어려운 일입니다. 그래서 jQuery에서는 최신 버전에서 구버전 브라우저의 호환성을 위해 플러그인을 배포하고 있습니다. 바로 jquery migrate입니다. jquery migrate 아래 소스처럼 jQuery와 함께 참조를 하여 사용이 가능합니다. 그럼 자동으로 1.9 버전부터 제거된 기능들을 이용할 수 있고 구버전 브라우저에 호환성에 맞게 움직이게 됩니다. 깃허브 해당 플러그인에 깃허브 주소입니다. https://github.com/jquery/jquery-migrate GitHub - jquery/jquery-mig.. 2021. 11. 3.
jQuery - IE8 이전 호환성이 필요하다면 1.x 버전을 사용해야 합니다. 안녕하세요. 고코더 입니다 IE가 브라우저 시장을 점유했고 지금은 크롬 기반의 브라우저가 시장을 제패했습니다. 이 덕분에 오래전에 개발된 사이트 중에는 아직도 IE 구버전이 필요한 경우가 많습니다. jQuery 1.x 그런데 jQuery를 사용하는 사이트라면 구버전을 호환하기 위해서는 1.x 버전이 필요합니다. 좀 더 정확히 이야기하면 1.9 이하일 때 가능합니다. 아래 URL로 이동하면은 1.8.3 구버전 IE를 호환하는 최신(?) 버전을 다운로드할 수 있습니다. https://blog.jquery.com/2012/11/13/jquery-1-8-3-released/ jQuery 1.8.3 Released | Official jQuery Blog jQuery 1.8.3 Released Woo hoo, T.. 2021. 11. 3.
jQuery 게임 엔진 - gamequeryjs.com 안녕하세요. 고코더 입니다. 자바스크립트로 게임을 만드는건 이제 흔할 정도로 많은 분들이 제작하고 있습니다. 그런데 jQuery를 이용한 게임 엔진이 있다는 사실을 알고 계신가요? gamequeryjs ● 1. 바로 게임쿼리js 라는 사이트입니다. 마지막 글을 보니 2013년도 부터 운영이 중단된 플러그인 같습니다... http://gamequeryjs.com/ ● 2. 하지만 결과물을 보면 간단한 미니게임들이 레퍼런스로 존재합니다. 그중에 하나 슈팅게임입니다. http://gamequeryjs.com/demos/3/ ● 3. 소스는 깃허브에 공유되어 있습니다. 관심있는 분들은 한번 다운받아 보시기 바랍니다. (지원이 중단된 같아서 굳이 학습할 필요는 없을거 같습니다. https://github.com/.. 2021. 11. 3.
JavaScript - 자바스크립트로 대문자, 소문자로 변경하기 안녕하세요. 고코더 입니다. 자바스크립트에서는 알파벳을 대문자, 소문자로 변환하는 기능이 있습니다. 이것에 대해 간단하게 알아보겠습니다. toUpperCase(), 대문자로 변경하기 문자열을 대문자로 변경하는 방법입니다. 단순하게 변수 뒤에 .toUpperCase()를 사용하면 손쉽게 변경이 가능합니다. let str = 'GoCoder'; str = str.toUpperCase(); console.log(str); toLocaleLowerCase(), 소문자로 변경하기 문자열을 소문자로 변경하는 방법입니다. 단순하게 변수 뒤에 .toLocaleLowerCase()를 사용하면 손쉽게 변경이 가능합니다. let str = 'GoCoder'; str = str.toLocaleLowerCase(); conso.. 2021. 11. 3.
JavaScript - 'use strict'를 해제할 수 있을까? 안녕하세요. 고코더 입니다. 'use strict' 엄격 모드에 대해 다루었습니다. 재밌는 질문이 들어왔습니다. "엄격 모드를 해제할 수 있을까요?"라는 질문입니다. 그럼 엄격모드를 해제하는 방법에 대해 알아보겠습니다.? 엄격모드를 선언하여 실행한다면 반대로 이를 해제할 수 있지 않을까는 정상적인 의문점입니다. 그럼 어떤 방법이 있을까요? 엄격 모드에 반대되는 말로 선언해봤자 사실 아무것도 실행되지 않습니다. 'use sloppy' // ? 이런거 없습니다. 그럼 엄격을 멈추거나 비활성화하는 코드를 실행시키면? 네 역시 이런 문법은 없습니다. 'no strict' // ? 없습니다. 'disabled strict' // ? 없습니다. 엄격모드 실행이 실행되면 엄격 모드 사용법에서 가장 첫 번째 라인에 '.. 2021. 11. 2.
JavaScript - 자바스크립트 엄격모드 / 'use strict' 사용법과 이해 안녕하세요. 고코더 입니다. 오늘은 "use strict" 일명 엄격모드라고 말하는 자바스크립트 모드를 알아보겠습니다. 프로젝트에 들어갈때 해당 문구가 최상단에 적혀있으면 꽤나 긴장이 되는 한줄입니다. 엄격모드 Strict mode 염격 모드는 느슨한 모드(Sloppy mode)와 반대되는 규칙입니다. ES5 이전에는 기본적으로 느슨한 모드가 기본이었지만 ES6부터는 반대로 엄격 모드가 기본으로 설정되어 있습니다. - ECMAScript 5부터 시작 - 반대 의미는 느슨한 모드(Sloppy mode) 염격모드 사용법 사용법은 두 가지 방법이 있습니다. 첫 번째 방법은 JS가 시작하는 최상단에 "use strict"를 선언하면 됩니다. 그럼 전역에 걸쳐 엄격 모드가 실행됩니다. 실무에서 보통 이렇게 사용을.. 2021. 11. 2.

티스토리툴바