[오늘의집] select에 validation 적용시키기
2022. 6. 10. 13:23
Project/Today's house
memberForm.jsp checkNoselect 이것을 사용하기 위해서 validation.js에 등록해야된다. 등록 방법으로는 validation.js validation.js 에 다음과 같이 함수를 적용해주고 다음과 같이 자바스크립트 영역에 validation.js을 받아 사용할 수 있도록 적용시켜준다. 결과값 다음과같이 국적을 선택 안했을 경우 국적을 선택해다라는 validaiton이 적용이 된다. To be continue..
[오늘의집] 로그인 버튼눌럿을때 한번에 넘기는 방법
2022. 6. 9. 13:34
Project/Today's house
로그인 할때 보통, 한번에 넘어가야 되는데 내가 코드를 잘못짯는지 한번에 넘겨지지 않았다. 그이유는 내가 바로 type="submit" 을 사용했기 때문이다. 여기서 "접 속" 을 클릭 하였을 때 바로 접속이 되지 않는다. 다음 코드를 보면, type="submit"으로 되어있는데, submit는 제출 하는 느낌이있어서 새로고침 하게된다. 그러니까 데이터가 제출되고, 다시 한번 접속 눌러야지 기존에 갖고있던 데이터로 로그인이 되는거다. 이를 바로 잡기위해서 이부분은 type="button" 으로바꾸주었고, 이렇게 사용하기 싫으면 이 방법을 사용해도 된다. To be continue..
[헤이버디] 일정 삭제시키기 (Delete)
2022. 6. 5. 20:58
Project/Hey Buddy
일정의 삭제의 경우는 두가지 경우가 있다. 1. DelNy를 0 또는 1로 주어 삭제 여부를 선택하는것 (update)라고봐도 무방하지만, 쓰임은 삭제이다 2. 데이터베이스 안의 데이터를 모두 날려버리는 삭제가 있다. DelNy를 이용한 삭제 planMpp.xml UPDATE hybdPlan SET hyplDelNy = 1 WHERE 1 = 1 AND hyplSeq = #{hyplSeq} 다음과 같이 hyplDelNy = 1 로 바꿔주면서 일정 리스트에는 안뜨게 하는 방법이다. 요즘은 이 방법을 많이한다고 들었다. SELECT a.hyplSeq ,a.hyplName ,a.hyplDefaultNy ,a.hyplDelNy ,a.hyplDate ,a.hyplEndDate ,a.hyplDesc ,a.hyplMe..
[헤이버디] Ajax를 이용하여 상세정보 불러오기
2022. 6. 4. 17:40
Project/Hey Buddy
아작스를 사용하게 되면 을 통해서 데이터를 불러오기가 어려워진다. 그 경우 ajax를 통해서 db의 데이터를 불러오는 방법을 알아보자 planList.jsp 제목 일정내용 📅날짜 시작일 종료일 👨👧👧공유된 멤버 seq는 hidden으로 받고 id에는 hyplSeq1..hyplName1 이런식으로 아작스에 적용한 데이터 들이 불러와질수록 있도록 하였다. name과 id가 다른 이유는 상세보기에서 바로 수정도 할 수 있도록 하기 위함이다. const exampleEvents = [ { seq : '6', title : '고추참치', start : '2022-05-01 00:00:00', backgroundColor : cGreen, borderColor : cGreen, }] 달력에서 사용 하 는 있는 ..
[헤이버디] 상세일정에서 POST방식으로 수정 시키기
2022. 6. 3. 17:00
Project/Hey Buddy
planList.jsp 📝일정상세 제목 일정내용 📅날짜 시작일 종료일 👨👧👧공유된 멤버 공유자 추가 취소 수정하기 삭제하기 삭제하기 --%> 수정하기 --%> SET hyplName = #{hyplName} ,hyplDate = #{hyplDate} ,hyplEndDate = #{hyplEndDate} ,hyplDesc = #{hyplDesc} ,hyplMemberName = #{hyplMemberName} WHERE 1 = 1 AND hyspSeq = #{hyspSeq} AND hyplSeq = #{hyplSeq} 다음 영억과 조건에 맞는 부분이 업데이트 되는 것이고, SET 부분에 #{hyplSeq} 이런식으로 한것은 시퀀스마다 다 제각각의 값이 들어가기 때문이다. To be continue..
[헤이버디] DateTimePicker 달력 적용시키기 (3분 소요)
2022. 6. 3. 15:58
Project/Hey Buddy
1.DataTimePicker.zip 다운로드 및 압축풀기 후 Spring에 폴더 세팅 2. 자바스크립트 링크 연결시켜주기 3. 필요한 데이터 내용 가져와서 자바스크립트에 사용하기 시작 https://xdsoft.net/jqplugins/datetimepicker/ DateTimePicker DateTimePicker jQuery plugin select date and time Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It's easy to customize options. Source code on GitHub or download (zip). Don't u..