개발자의 끄적끄적

[javascript/jquery] jquery datepicker dateFormat option example jquery datepicker 를 사용할때 날짜 형식을 설정하고 사용해야 원하는 데이터를 가공하고 저장하기가 쉬워집니다. 그럴때 아래처럼 옵션을 사용하면 됩니다. $("TARGET").datepicker({ dateFormat: 'yy-mm-dd' }); 위 내용을 보시면 아시겠지만, TARGET 대상 태그에 datepicker 를 선언할때, dateFormat: 'yy-mm-dd' 로 형식을 지정해주면 날짜 선택이 입력값이 2020-01-01 의 형태로 들어가게 됩니다! 참고들 하세요!

[javascript/jquery] datatable auto width false example jquery datatable 를 선언하여 사용하고자 할때 아래와 같이 구성할 타겟에 옵션을 주어 선언하는 방식입니다. 하지만, 그럴게 사용하다 보면 테이블 각각 칼럼의 폭이 마음대로 조절되거나 하는 경우가 있습니다. 그럴때는 아래와 같이 옵션을 지정하여 주면 해결됩니다! $("TARGET").DataTable({ autoWidth: false, }); datatables 에서는 width 에 대한 조정을 할 수 있는데, 그걸 false 로 선언하면 강제로 변환되지않고 유지시킬 수 있습니다! 참고들 하세요!

[javascript/jquery] datatable null column handling / datatable 빈값 체크 방법 jquery datatables 를 이용하여 표과 개발을 연동할때, ajax 로 처리하여 스크립트에서 아래 처럼 column 안에 데이터를 대입해여 표기하게 됩니다. columns: [ {"data": "name"}, ..... ], 하지만, 위처럼 표시하면 필드안에 값이 null 인것 다른문자로 표기가 안되고 비어있게 됩니다. 그럴때 아래처럼 사용하시면 됩니다. columns: [ {"data": "name", "defaultContent": "-"}, ..... ], 동일하게 변수명이 name 인 데이터를 출력하는데 defaultContent 를 - 라는 문자로 선언한다는 ..

[javascript/jquery] 자바스크립트 br 을 개행문자로 변환하는 방법 자바스크립트에서 br 태그를 줄바꿈 형식으로 바꿔야 하는 경우가 있습니다. 그럴때 아래 처럼 정규식을 이용하시면 됩니다. var text = 'a b c'; var replace_result = text.replace(/( | | )/g, '\r\n'); console.log(replace_result); 위 내용 보시면 아시겠지만, 의 태그를 \r\n 의 개행 문자로 변환하는 내용입니다. 위에서 console.log 로 출력하면 아래처럼 결과가 나오게 됩니다. a b c 참고들 하세요!!

[javascript/jquery] 부스트스랩 다음카카오맵 영역 노출 에러 해결 방법 부트스트랩에서 다음 카카오 맵을 연동하여 위치는 표시해주고자 하는데 map div 를 생성해서 로드했더니 아래 이미지와 같이 나오는 경우가 있습니다. 위 이미지처럼 아주 약간의 영역에만 지도가 나오고 나머지 부분은 배경이미지만 나오는경우 map.relayout() 맵이 로드된 후 로직에 위와 같이 레이아웃을 재설정하는 함수를 호출해주면 됩니다! 참고들 하세요!!

[javascript/jquery] 스크롤 최상단으로 옮기는 방법 자바스크립트에서 특정 상황에 스크롤을 강제로 최상단으로 고정시켜야 하는 경우가 있습니다! window.scrollTo(0,0); 그럴때 특정액션이 종료되는 시점에 위 내용을 추가해주시면 됩니다. 그러면 액션이 종료되고나서 바로 스크롤을 최상단으로 조정이 됩니다! 참고들 하세요!

[javascript/jquery] jquery 자식 요소 갯수 구하는 방법 jquery 로 특정 element 의 하부 element 의 갯수를 조회하는 방법입니다. $(target).children().length 위 내용 보시면 아시겠지만, target element 의 자식 요소들의 갯수를 구하는 내용입니다. 참고들 하세요!

[javascript/jquery] 자바스크립트 가져온 element 의 태그 없애기 jquery 를 이용해서 특정 element 를 가져온 후 그 안에 있는 특정 태그를 없애고 싶을때 아래 방법으로 하시면 됩니다. $('.element').innerHTML.replace(/(|)/gi, ""); 위 내용 보시면 아시겠지만, element 라는 클래스의 element 를 가져온 후 그 안에 html 중 div 태그를 제거하는 내용입니다. 참고들 하세요!