웹개발 일지

HTML과 Jquery 활용한 화면 프론트 작업 중 발생한 문제이다. 문제Jquery를 통하여 특정 영역에 html을 append 해주는 기능을 작업하던 중서버에서 요청받은 데이터가 해당 기능 추가 전과 후의 차이가 확인되었음. 설명을 위해 필요한 부분만 작성한 html 코드 예시 우선 결과 데이터를 기준으로 비교 결과 testFunc() 함수가 실행된 결과임을 알 수 있었음. 다만 해당 함수 위치한 영역은 숨겨져 있으며 특정조건에 일치하는 경우에 대해서만 표출해주고 있는 형태이다. 함수가 실행되기 위해서는 onblur 이벤트가 발생해야함. 하지만 테스트한 케이스는 해당 영역이 표출되어있지 않음. append 시 사용하는 Jquery 소스코드 $('..

jQuery와 날짜 관련 js라이브러리 datepicker를 사용 중 시작일자와 종료일자가 서로 침범하지 않도록 검증을 하는 기능이 존재하여 날짜를 다시 선택하고자 할 때 불편함이 발생. 입력된 날짜를 초기화해야 하는 기능 구현이 필요. 1. 입력된 날짜 value 값을 빈 값으로 초기화 $('시작날짜선택자').datepicker('setDate', ""); $('종료날짜선택자').datepicker('setDate', ""); 1번 과정만 진행하였을 때 화면상에 input box에는 아래 이미지처럼 값이 비어있는 것으로 보이지만 클릭을 하였을 때 이전에 선택하였던 날짜가 선택되어 있어 초기화라고 할 수 없음. 2. datepicker 기능 해제 $('시작날짜선택자').datepicker('destroy..

ajax를 사용해야하는 부분이 있어서 평소와 같이 ajax 호출을 하여 반환값로 다음 로직을 진행하는 방식 구현하는 와중에 내가 원하는 값이 반환되지 않는 것을 확인하였다. 작성중이던 소스는 간략하게 아래와 같다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 function a(){ $.ajax({ url : '/ajax/result', dataType : 'json', data : jsonData, method : 'POST', succecss : function(data){ retrun data.value; }, error : function(e){ alert(e); return; } }) } function b(code){ ...