개발자의 끄적끄적

[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 태그를 제거하는 내용입니다. 참고들 하세요!

[javascript/jquery] 문자열의 특정인덱스 문자 찾기 .charAt 함수 사용법 자바스크립트에서 문자열을 데이터를 가지고 여러가지 작업을 하는데 그중에서 특정 인덱스 번호에 위치만 문자를 찾아야 할때, 아래와 같은 방법으로 charAt 를 사용하시면 됩니다! var str = "abc"; console.log(str.charAt(0)); // result : a 위 내용 보시면 아시겠지만, abc 라는 문자열을 가지고 있는 str 변수에서 0번째 인덱스의 글자를 console.log 로 출력하는 내용입니다! 결과는 a 가 출력됩니다! 참고들 하세요!