본문 바로가기

분류 전체보기

 (176)
[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) 그리고 아두이노에 다음과 같은 코드를 업로드합니다. (소프트웨어 ..
LTE 외장형 모뎀 통신 테스트[LTE Cat.M1 WD-N522S] 안녕하세요 오늘은 LTE 모듈을 간단히 테스트해보도록 하겠습니다. 추후에는 아두이노를 통해 무선통신방식을 구현할 예정입니다. 우선저는 우리넷에 WD-522S 제품을 구매하였고 WD-N400S도 동일하게 적용이 된다고 합니다. 1. 구성 구성은 다음과 같습니다. 2. 하드웨어 세팅 아래와 같이 테스트보드를 통해서 데스크톱과 연결합니다. 꼭 Modem_UART에 연결을 해야합니다(저처럼 Modem_USB에 연결하셨다면 변경해주세요) 장치관리자에 다음과 같이 포트가 인식됩니다. 3.하드웨어정보 하드웨어정보는 다음과 같습니다. 모뎀의 LED에 따라 다음과 같은 상태를 나타냅니다. 4.테스트 자 이제 AT 커맨드를 이용하여 간단하게 정상작동을 하는지 테스트를 해보도록 하겠습니다. 아두이노 IDE 프로그램을 실행 ..
[Docker] Desktop을 이용한 Mysql 설치(Workbench 사용) 저번에 도커 데스크탑용을 윈도우에 설치하였는데 이번에는 Mysql을 설치해보도록 하겠습니다. Windows PowerShell을 클릭 우선 아래 명령어로 도커가 잘 설치 되었는지 확인합니다. docker -v 다음으로 Dockerhub에서 아래의 명령어를 통해서 최신 버전의 Mysql 이미지를 다운받습니다. docker pull mysql 해당 명령어를 입력하면 아래와 같이 다운로드를 진행합니다. 그리고 mysql 이미지를 컨테이너로 만듭니다. 호스트의 3306포트와 컨테이너의 3306 포트 연결하고, mysql password를 설정합니다 이름: test 패스워드: 1234 docker run -d -p 3306:3306 -e MYSQL_ROOT_PASSWORD=1234 --name test mysql..

티스토리툴바