본문 바로가기

JavaScript29

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.
ajax 에서의 parsererror 에러 Ajax 로 데이터 통신을 하는데, 분명1. readyStatus: 42. status: 200정상적으로 통신했고, 내가 원하는 데이터 ("FAIL") 도 잘 넘어왔음에도 불구하고statusText 가 "parsererror" 로 떨어져서 success 가 아닌 error 로 잡혔다 ;; ( console.log 로 error 를 찍은 결과 ) 왜그런고 하니,ajax 통신시 내가 명시적으로 작성한 dataType 과 서버에서 내려오는 dataType 이 일치하지 않아 발생한 오류였다. 나같은 경우는 dataType 을 "text" 로 변경하니 그제서야 success 로 내려오더라 ;; 참고참고 ! 2018. 11. 26.
[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.
jsp 에서 ajax 통신시 한글깨짐 jsp 에서 ajax 통신하는데 값이 한글이 깨져서 넘어갔다.web.xml 이나 jsp 상단에 인코딩 적어주는 부분은 잘 됐는데 sweetalert 을 사용해서 인지.. 아무쪼록 해결했다. 1. ajax 보낼 때 값에 escape 활용해서 인코딩을 하고1escape(encodeURIComponent(inputData))cs2. rest controller 에서 값을 받을 땐 디코딩을 했다!1cartDetail = new String(URLDecoder.decode(cartDetail,"UTF-8"));cs 참고 : http://guraguna.tistory.com/41 2018. 7. 27.