천천히 차근차근

var name = '테스트'; var tr = $('font').filter(":contains('" + name + "')").closest('tr').css("color", "red"); contains 함수를 사용해서 개발할 수 있다!!

rows.forEach(function(value, index){ console.log(JSON.stringify(value)); }); for ( index in rows ) { console.log(JSON.stringify(rows[index])); };

On the page, a datepicker is used in the element using the modal. There was a problem that the modal was closed every time I clicked on a date on the datepicker's calendar. $('#test').datepicker({ format: "yyyy-mm-dd", autoclose: true }); The above code is an existing code with datepicker set. Below is a code to prevent the modal from closing when the date is selected with the datepicker in the ..

$("#datepicker").datepicker( { format: "mm-yyyy", startView: "months", minViewMode: "months" }); 아직 script까지 내가 적용해보지는 못했다. 회사 서비스의 일부 기능을 개선하면서 datepicker로 사용하는 달력의 년/월만 사용할 일이 생겨서 알아보던 중에 방법을 찾아냈다. 자세한 사용법은 별도로 알아봐야겠지만 minViewMode 옵션을 주어서 년/월만 출력하게 할 수 있다ㅠㅠ 추가 팁으로 연도만 출력하고 싶을 경우에는 minViewMode를 year로 해주면 되는 것 같았다!! 이제 다시 이어서 작업을 해보아야겠단. 위의 방법이 내가 사용한 방법이며 아래 코드들은 혹시 몰라서 참고차 기재해놓는다. 혹시라도 위의 코드가 ..

참고 사이트 https://codepen.io/rchavda/pen/zbbGgm $('#table_test').DataTable({ bAutoWidth: false, // 너비 자동맞춤을 false로 설정해주어야 지정한 너비가 제대로 출력된다. columnDefs: [ { width: "10%", targets : 0 }, { width: "10%", targets: 1 }, { width: "20%", targets: 2 }, { width: "10%", targets: 3 }, { width: "8%", targets: 4 }, { width: "10%", targets: 5 }, { width: "45%", targets: 6 } ], });참고 사이트 참고해서 드디어.ㅠㅠㅠㅠㅠㅠ너비..

addTest.siblings('tr').find('.ddd_excel_request_memo').attr('name', 'test'); addTest.siblings('tr').find('.ddd_excel_request_memo').text('hello'); siblings 괄호 안에는 같은 부모 아래 형제의 태그를 입력한다. 그리고 find로 가까운 클래스를 찾으니 찾아짐 ㅜㅜ... 참고 링크 https://elena90.tistory.com/entry/jQuery-%EA%B0%99%EC%9D%80-%EB%B6%80%EB%AA%A8-%EC%95%84%EB%9E%98-%EB%8B%A4%EB%A5%B8-%EC%9E%90%EC%8B%9D-%EC%9A%94%EC%86%8C-%EC%B0%BE%EA%B8%B0..

localStorage란? 자바스크립트, jquery를 사용하여 작업을 할 때, 데이터를 db에 저장해서 사용할 수도 있지만 브라우저에 저장시키는 방법이다. 나의 경우, 메뉴별로 다르게 css를 적용할 상황이 생겼는데 다른 방법도 있겠지만 header.html 파일을 만들고 script로 각 페이지마다 header.html은 jquery로 함께 로딩을 하는데 이럴 경우, header에 있는 메뉴 css를 각 페이지로 이동할 때마다 새로고침되어 적절한 방법이 떠오르지 않아 localStorage를 어제 어쩌다 보았었기에 이것을 활용해보았다. 각 페이지에 접속할 때마다 아래와 같이 name이라는 변수에 value를 페이지마다 다르게 셋팅을 해주었다. localStorage.setItem('name', 'va..

나는 테스트1 기존에 사용하던 방법에서는 window.onload를 사용하지 않았다. html 요소들을 모두 불러오기 전에 header 부분을 불러와서 화면의 반짝 거림이 심하게 느껴져셔 window.onload를 사용하여 브라우저가 html의 모든 요소들을 불러온 후 body를 불러주도록 하였다.

https://velog.io/@function_dh/JavaScript-Swiper-%EC%82%AC%EC%9A%A9%EB%B2%95-%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C-%EA%B5%AC%ED%98%84 [JavaScript] Swiper 사용법 - 슬라이드 구현 swiper는 슬라이드 라이브러리로 다양한 메소드와 설정을 지원해서 사용하기 매우 편한 점이 있습니다. 무엇보다 하위 브라우저(ie9)에서도 문제없이 사용 가능하기 때문에 크로스 브라우징 측면 velog.io https://m.blog.naver.com/anedthh/222014406404 [js] Swiper 슬라이더 사용법 (왕초보를 위한 홈페이지 대문에 슬라이드 넣기) ++ 2021.07.12 약 1년동안 ..

사용하기 좋은 차트 리스트 참고 링크

See the Pen by hyeryeonkim (@khr777) on CodePen. replace 사용법 1 ( 변경할 문자열을 1개만 변경 ) 위의 예시에서 test 참고 📌 replace 사용법 2 : 추천 (변경할 문자열을 모두 변경해준다.) 위의 예시에서 test2 를 참고

$('.list_box_c').scrollTop($('.list_box_c')[0].scrollHeight);위의 jquery를 활용하면 원하는 영역에 스크롤을 제일 하단으로 유지할 수 있다.

스크롤 이동 사용법 See the Pen by hyeryeonkim (@khr777) on CodePen. 위와 같이 jquery를 사용하면 스크롤 이벤트를 사용할 수 있다.

const element = document.getElementById('my_div'); element.innerHTML = 'InnerHTML'; 값을 변경하거나 추가하고 싶은 태그에 id를 지정하고 자바스크립트로 불러와서 활용하기❗❕

function onKeyDown() { if(event.keyCode == 13) { //TODO : 실행시킬 코드 alert('엔터 눌림'); } } event.keyCode 값을 활용할 수 있다. 아래의 key code 표를 참고하자❗❕❗❕❗❕❗❕❗❕❗❕ Key Code Reference Table 0 10 20 Caps Lock 30 40 Arrow Down 1 11 21 31 41 2 12 22 32 42 3 13 Enter 23 33 Page Up 43 4 14 24 34 Page Down 44 5 15 25 35 End 45 Insert 6 16 Shift 26 36 Home 46 Delete 7 17 Ctrl 27 Esc 37 Arrow Left 47 8 Backspace 18 Alt 28..

See the Pen 숫자 아닌 문자열을 제거하는 방법(정규식) by hyeryeonkim (@khr777) on CodePen. 😎 코드 설명 숫자와 문자열을 섞어서 입력하면, 문자열을 제거하고 숫자만 출력하는 정규식을 사용했다. 입력한 숫자가 3자리를 초과할 경우, 3자리까지만 입력하도록 제한한다. 숫자 없이 문자열만을 입력할 경우, 문자열이 모두 제거되어 입력받은 길이가 0이 되므로 입력 받은게 없는 경우(문자열만을 입력한 경우) 숫자를 입력해달라는 메시지를 출력한다. 입력 받은 숫자들은 배열에 담아 콘솔에 출력된다.(내가 사용할 용도로 만들어둠) 위의 코드는 코드펜에 직접 접속하여 참고하기를 권장한다.

난수 생성하기 (랜덤 숫자, Random Number) 출처:https://hianna.tistory.com/454 [Javascript] 난수 생성하기 (랜덤 숫자, Random Number) Javascript로 난수를 생성하는 방법을 소개합니다. Math.random() 범위를 지정한 난수 생성하기 0~9 0~10 0~99 0~100 1~10 2~5 난수 생성 함수 만들기 (범위 지정) min

See the Pen by hyeryeonkim (@khr777) on CodePen. ✔ parent() 바로 상위 부모를 찾는다. ✔ parents() 최상의 부모를 찾는다.

See the Pen by hyeryeonkim (@khr777) on CodePen. 위와 같이 요소들 중에서 제외시키고 싶은 특정 요소를 not() 메서드 안에 입력하면 된다! 헷갈리지 않도록 주의하자❗ 😏