Developer Gonie

문제가 발생하는 상황 및 원인 나는 한 번의 ajax로 대분류 카테고리명을 가져온 뒤, 그 가져온 대분류 카테고리명을 이용해 각 대분류 카테고리별 소분류 카테고리들을 가져오고자 아래와 같은 코드를 작성했었다. 그랬더니 발생한 문제는 다음과 같다. 바깥 ajax의 응답으로는 sucess가 잘 받아졌는데, 안쪽의 ajax에서 ajax로 사용하는 i가 이상하게 돌아가는 현상을 발견하였다. 간단히 예를들면 for문이 3번 돌아야 할 것이 2번만 도는 현상이다. 그리고 i 값도 예상했던 0 1 2 순이 아니라 0이 생략된 채로 1 2 뭐 이런식으로 돌았다. ajax가 비동기 메소드다보니 이런것이 발생한 것이다. 비동기 메소드는 함수의 실행이 완료되지 않더라도 바로 다음줄로 넘어가는것이 특징이다. $.ajax({ ..

해결방법 $('부모').on('click', '이벤트가 붙어있는 요소', function(){ }); 발생했던 문제 텍스트 입력 후 추가 버튼을 누를시, 하단의 테이블에 텍스트와 함께 버튼이 함께 append 되도록 하였는데 이렇게 추가된 버튼은 jQuery로 이벤트를 처리하려해도 동작하지 않았다. 구성용품

* 참고링크 - 여기서 개발자모드로 코드보기해서 필요한 라이브러리 찾아내서 아래와 같이 만들어버림 https://p.bdir.in/p/jquery-based-multi-select-enhancement-plugin---multiselectsplitterjs/17550?__cf_chl_tk=IWqlpmsLWXa3tqLpwbltzc1Ui9jKDZoB6wVErQ0HyAY-1663045428-0-gaNycGzNCKU 예시코드 EXAMPLE1: Simple select, no multiple Choice 1 Choice 2 Choice 3 Choice 4 Choice 5 Choice 6 Choice 7 Choice 8 Choice 9 Choice 10 Choice 11 Choice 12 EXAMPLE2: Mult..

https://jobtc.tistory.com/43 JavaScript을 사용한 multiple 속성 이미지 미리보기 안녕하세요. IT여행자입니다. 이번 여행지는 JavaScript를 사용하여 file 태그에 의해 선택된 이미지를 미리 보는 작업을 해볼까 합니다. HTML5가 이제 보편적으로 사용되면서 하나의 file 태그에 의해 jobtc.tistory.com

JQuery $.getJSON() 메소드의 비동기적 실행방식으로 인한 문제발생 처음에 의도했던바 makeAreas() 메소드에서 JSON 파일의 내용을 읽어와 전역변수인 areas 를 채워넣은 다음에 loadMap() 메소드에서 areas 변수에 저장된 좌표정보들을 이용해 폴리곤을 지도위에 그려내려 하였다. 예상치 못한 결과 JQuery 메소드 중에서도 $.getJSON(), $.ajax() 메소드는 비동기 방식으로 동작하여 그 메소드를 호출한 직후(메소드의 실행이 끝나지 않았더라도) 바로 다음 구문을 실행하고 있었다. 이 때문에 loadMap() 메소드에서 비어있는 areas를 이용하여 동작하였고 원하는 결과대로 실행되지 않았다. 해결방법 $.getJSON() 메소드를 호출하기 전에 $.ajaxSetu..

동기 방식의 예제 아무런 내장 메소드를 사용하지 않고 그냥 순수한 언어만으로 작성하면 순차적인 결과가 보장되며, 앞의 실행이 끝나야 다음 라인이 실행될 수 있는 방식이다. 비동기 방식의 예제 점원이 계산을 하는 동안 시간이 소요된다는 것을 가정하여 setTimeout() 메소드를 사용해보았다. 실행결과를 보면 undefined 가 출력되는데, 이 이유는 여기서 사용한 setTimeout() 메소드가 순차적인 흐름을 보장하지 않는 비동기 메소드이기 때문이다. 이런 메소드들의 특징은 해당 메소드를 만나게 되면, 그 메소드를 호출한 직후(메소드의 실행이 끝나지 않았더라도) 바로 다음 구문을 실행하는 것이다. JQuery에서는 $.getJSON(), $.ajax() 메소드들이 이러한 방식으로 동작한다. 비동기 ..