본문 바로가기

자바스크립트23

자바스크립트에서 IE버전 확인하는 방법 ==== 2019.07.23 추가 ==== 들어가기 전에 앞서서, 아래 방법보다 더 좋은 방법을 찾아서 위에 얹어놓습니다. $.browser.msie / $.browser.version 아래 적어놓은 긴 코드 필요없이 위 jQuery 로도 충분히 확인이 가능합니다! (safafi, chrome, ie 확인) JavaScript 에서 현재 보고 있는 화면이 Chrome 인지, IE(Internet Explorer) 인지 확인해야 될 때가 있다. 특히, 내가 사용한 jQuery 나 JavaScript 기능 중 에서 IE버전을 탈 때.... 브라우저에서 콘솔로 navigator.userAgent 명령어를 내리면 아래와 같이 뿌려주는데, 이걸로 파싱을 할 수 있다! * Chrome * IE8 * IE9 * IE.. 2019. 6. 12.
Array 확장 for 문 사용 시 유의할 점 요즘엔 일반적인 for 문이 아니라, 코드가 간결한 확장 for 문을 많이 사용한다. 하지만 ... 자바스크립트에서 아래처럼 Array 를 확장 for 문 돌렸을 때 유의할 점이 있는데, 그건 바로 IE8 이하에서는 Array 의 길이를 잘 못잡는지 이상하게 동작한다는 것 이다 8ㅁ8 var array = ["1", "2", "3"]; for (var value in array) { console.log(value); } IE8 에서 해당 부분을 디버깅했을 때, value 인 "1", "2", "3" 을 다 돌고 또 돈다. 그 때의 value 는 array 의 메소드들 ;; 어찌 됐든, 자바스크립트에서 Array 를 for 문을 돌려야 한다면 그냥 일반적인 for 문을 돌리자 ㅠ 참고 블로그 : http.. 2019. 5. 27.
Array, Map ... 리스트의 함정 (Call By Reference) 자바스크립트에서 리스트(Array, Map...) 를 사용할 때 꼭 알고 있어야하는 것이 있다. 아래와 같은 코드로 로직을 짜다가분명 나는 map 에서 꺼낸 객체를 새로운 array 에 담고 싶어서 5번 라인과 같이 new Array() 후 push 했는데,array 의 데이터를 변경했는데 map 데이터까지 변경되어 당황했다 ;;1234567891011121314var map = new Map();map.set(0, "zero");map.set(1, "one"); var array = new Array();map.forEach(function(element){ array.push(element);}) if (array[0] == map.get(0)) { console.log("=="); }else { c.. 2019. 5. 24.
[JavaScript] .trim() 사용시 유의할 점!! 좌우 공백 제거를 위해 javascript 에서 제공하는 trim() 함수를 흔히 사용하게 되는데, 여기서 유의할 점이 있다. 그것은 바로 IE8 이하 브라우저에서 trim() 함수가 지원이 안된다는 것 ... ^^ 그러니, jquery 의 $.trim() 을 이용하자 ..ㅎ 2019. 2. 19.
자바스크립트에서 확장 for문 사용하는 방법 자바에서 지원하는 확장 for 문을 자바스크립트에서 사용하고 싶다면,아래와 같이 이용하면 된다. 12345678//array 생성var array = ['aa','bb']; //확장 for문 사용for (var num in array) { //alert: aa //alert: bb alert(array[num]);} cs 2019. 2. 7.
[Javascript] File Upload 한 뒤 태그에서 이미지 바로 보여주기 1. 여기 보여 줄 img 태그와 file 태그를 html body 에 놓고 ​ 2. 이미지를 클릭하면 file 을 클릭하게, file을 클릭하면 이미지 attr 이 변경되게끔 구현했다 var updateCartImgNo = ""; $("img[id^='cartImg']").on("click", function(){ updateCartImgNo = $(this).closest("table").attr("class"); $("#file").click(); }) $("#file").on("change", function(){ imgPreview(this); }) function imgPreview(input) { if (input.files && input.files[0]) { var reader = new.. 2018. 7. 27.