본문 바로가기

분류 전체보기

 (178)
[ArduinoJson]아두이노에서 Json 사용법 정리 아두이노 툴-라이브러리 관리에서 바로 적용이 가능합니다. 비슷한 라이브러리가 많아 띄어쓰기와 문자를 자세히 보시기 바랍니다. Json으로 검색하여 ArduinoJson을 설치합니다. 추가적으로 확인사항이 있으시다면 아래의 링크로 접속해서 확인하시면 됩니다. ArduinoJson: Efficient JSON serialization for embedded C++ ArduinoJson is a JSON library for Arduino, IoT, and any embedded C++ project. It supports JSON serialization, JSON deserialization, MessagePack, streams, and fixed memory allocation. It has a sim..
[JQuery] closest, parent, children, find 차이 간단하게 차이점에 대하 작성해보겠습니다. - closest()는 모든 부모 요소를 대상으로하여 원하는 요소만 선택자로 가져올 수 있다 하나가 아닌 모든 부모 요소를 반환할 필요가 있다면 parents() 메소드를 사용한다. - parent()는 해당 요소의 바로 위의 부모 요소를 반환 - children()은 해당 요소의 바로 아래 자식 요소들만을 반환 - find()는 해당 노드 아래의 전체 DOM을 탐색하여 반환 - prev() - 이전 요소를 선택하도록 반환 - next() - 다음 요소를 선택하도록 반환
[JQuery] 태그 속성 값 가져오기 간단하게 태그 속성 값을 가져오는 방법입니다. $("태그").attr("key") //ID로 접근해서 해당 태그의 ID, NAME 를 가져옴 $("#id1").attr("name") $("#id1").attr("id") 응용도 가능합니다. //해당 id의 가장 가까운 폼의 id를 가져옴 $("#id1").closest("form").attr("id"); => testForm 이상입니다.
[Datepicker] 시작일 종료일 설정하기 Datepicker에서 기간을 검색시 시작일, 종료일에 대해 설정해보도록 하겠습니다. 아래는 jsp 부분입니다. ~ 아래는 시작일 종료일 설정입니다. $(".startDt").datepicker().on('changeDate', function (selected) { var startDt = new Date(selected.date.valueOf()); $('.endDt').datepicker('setStartDate', startDt); }).on('clearDate', function (selected) { $('.endDt').datepicker('setStartDate', null); }); $(".endDt").datepicker().on('changeDate', function (selecte..
[Spring] Datepicker 사용시 Mybatis 에서 날짜 기간 검색(Mysql) 안녕하세요 오늘은 Datepicker 사용 시 Mybatis에서 기간을 조회하는 방법에 대해 다뤄 보겠습니다. 사용한 DB는 Mysql입니다. 우선 datepicker의 스크립트 부분입니다. $(function(){ $('.datepicker').datepicker({ startDt: new Date('2022'), calendarWeeks: false, todayHighlight: true, autoclose: true, format: "yyyy-mm-dd", language: "ko" }); }); 구현한 부분은 다음과 같습니다. ~ VO는 다음과 같이 String으로 선언합니다. VO를 String으로 하면 Mybatis에서 Date로 변환하여 날짜 검색이 가능합니다. //검색 시작 날짜 priva..
[Bootstrap] datepicker 처음 사용과 사용 방법 정리 CSS와 JS를 사용하는 방법은 다음과 같습니다. CDN 사용 bootstrap-datepicker - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers A datepicker for Bootstrap forked from Stefan Petre's (of eyecon.ro), improvements by eternicode - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving o..
[Bootstrap] 모달창 영역 밖 선택시 닫힘 방지 부트스트랩에서 modal 창을 띄우고 영역 밖을 선택하면 자동으로 닫히게 됩니다. 아래의 코드를 이용하면 자동으로 닫히는 것을 방지합니다. 방법은 크게 2가지로 나뉩니다. 1. JS를 이용하여 modal을 생성한 경우 $('#modal').modal({backdrop='static',keybord= false}); 2. Html 부분에서 생성한 경우 Launch demo modal 이상입니다.
LTE 외장형 모뎀 아두이노 통신[LTE Cat.M1 WD-N522S] 안녕하세요 아래의 이전 글에서 간단히 동작 테스트 후 이번엔 아두이노와 연결하여 테스트를 진행해 봅니다. LTE 외장형 모뎀 통신 테스트[LTE Cat.M1 WD-N522S] 안녕하세요 오늘은 LTE 모듈을 간단히 테스트해보도록 하겠습니다. 추후에는 아두이노를 통해 무선통신방식을 구현할 예정입니다. 우선저는 우리넷에 WD-522S 제품을 구매하였고 WD-N400S도 동일하 baessi.tistory.com 자 우선 연결방법은 다음과 같습니다. LTE 외장형 모뎀과 인터페이스 모듈 연결 후 아두이노와 인터페이스 모듈은 다음과 같이 연결합니다. 아두이노 WD-N522 5V VCC GND GND 11 CP1 TX (3) 10 CP1 RX (5) 그리고 아두이노에 다음과 같은 코드를 업로드합니다. (소프트웨어 ..

티스토리툴바