지난 포스팅에 이어서 진행하겠다.https://ekeprl.tistory.com/49 오픈API - 한국천문연구원_특일 정보_백엔드 (1)지난번에는 https://ekeprl.tistory.com/39 오픈API - 한국천문연구원_특일 정보오픈API를 사용해보자 해서 시작하게되었다.현재 진행한 블로그에서메인페이지에 공휴일 체크 INPUT BOX + BUTTON 만 추가해서ALekeprl.tistory.com* 지난 포스팅은 HTML + JS의 코드와 부가설명이 포함되어있다* 이번 포스팅은 백엔드(컨트롤러 + 서비스)을 진행하겠다. 1.Modeldata class HolidayModel( var solYear: String? = null, var solMonth: String? = null ..
지난번에는 https://ekeprl.tistory.com/39 오픈API - 한국천문연구원_특일 정보오픈API를 사용해보자 해서 시작하게되었다.현재 진행한 블로그에서메인페이지에 공휴일 체크 INPUT BOX + BUTTON 만 추가해서ALERT로만 간단하게 나타내도록 하려고한다. 1. UTIL.KT 2. MAIN.JS처리하는ekeprl.tistory.com오픈API의 하나인 특일정보 - 공휴일 검색을 진행했다. 해당 포스트에서는 간단히 HTML + JS 로 처리하도록 진행했다.다만 프론트단에서만 진행하는 방법은 보안상 취약하고, 서버와 동기화되지 않는 문제가있다. 그래서 이번 포스팅은 특일정보, 공휴일 검색을 백엔드를 포함한 방식으로 진행해보려고한다. 1.HTML지난 포스팅은 API의 결과물을 aler..
https://ekeprl.tistory.com/45 정규식을 이용한 유효성 검사(2) - 이메일이전에 작성했던https://ekeprl.tistory.com/44 정규식을 이용한 유효성 검사(1) - 아이디웹페이지에서는 다양한 이유로 유효성 검사를 진행한다.가장 대표적인 검사는 회원가입/로그인 시 아이디에 유ekeprl.tistory.com이전 두 포스팅을통해 아이디, 비밀번호를 입력할 때정규식을 이용한 유효성검사를 진행했다. 이 포스팅은 마지막으로 비밀번호를 진행하려한다. 흔하게 사용하는 비밀번호의 정규식은영문소문자 + 영문대문자 + 숫자 + 특수기호 이렇게 구성되어있는 경우가 많기때문에해당 정규식으로 사용하려한다. 1.Html 비밀번호 joi..
정규식을 이용한 유효성 검사(2) - 이메일
이전에 작성했던https://ekeprl.tistory.com/44 정규식을 이용한 유효성 검사(1) - 아이디웹페이지에서는 다양한 이유로 유효성 검사를 진행한다.가장 대표적인 검사는 회원가입/로그인 시 아이디에 유효성 검사를 진행한다. 이번엔 정규식을 이용해 자동으로 처리하는 기능을 만들ekeprl.tistory.com이 포스팅에선 Util.js를 이용해 전역으로 Html에서 곧바로 유효성검사를 실행했다. 이번 이메일 유효성 검사는조금 다른 방식으로 진행하려한다. 이번에 사용하는 방법은,addEventListener로 작성한 Email 유효성 검사 함수를 불러서 사용하려한다. 1. Util.jsemailSupply : function (obj) { const regex = /^[^\s@]+@[^\..
정규식을 이용한 유효성 검사(1) - 아이디
웹페이지에서는 다양한 이유로 유효성 검사를 진행한다.가장 대표적인 검사는 회원가입/로그인 시 아이디에 유효성 검사를 진행한다. 이번엔 정규식을 이용해 자동으로 처리하는 기능을 만들어볼까한다. 0.HTML (기존) 아이디 중복 체크 이메일 먼저, ID를 작성해보려한다. 1.Html(변경) 아이디 중복 체크 2. Util.js// 아이디 유효성 검사 함수 (keyup 이벤트용)window.inputUserIdOnlyImplement = function(event) { try { const inputElement = event.target; const value = inp..
게시판 상세조회 (3)
https://ekeprl.tistory.com/37 게시판 등록기능 (2)지난 포스팅은 html 및 js를 다뤘다. 이어서 백엔드를 진행해보려한다. xhr.open('POST', '/auth/admin/manage/board_list', true);js에서 getBoardList라는 함수를 실행하고해당 URL에 POST방식으로 요청을 보낸다. 1.Cekeprl.tistory.com지난 포스팅에서 게시판에 글을작성하고 등록하는 기능을 완성했다. 이번 포스팅은 해당 게시물을 클릭해 모달을 띄워 작성한 내용을 보여주는 기능을 작성하려한다. 작성한 글들을 보여주는 게시판이다. 1.JS/*게시판 상세 모달*/clickList: function (idx) { var item = document.getEle..
오픈API - 한국천문연구원_특일 정보_프론트
오픈API를 사용해보자 해서 시작하게되었다.현재 진행한 블로그에서메인페이지에 공휴일 체크 INPUT BOX + BUTTON 만 추가해서ALERT로만 간단하게 나타내도록 하려고한다. 1. UTIL.KT 2. MAIN.JS처리하는 방법중 두가지를 사용해 코드를 작성할 예정이고,이번 포스팅은 Main.js에 간단하게 작성해보도록 하겠다. 1) OPEN API KEY발급https://www.data.go.kr/ 공공데이터 포털국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datasewww.data.go.kr공공데이터 포털에 들어가 활용신청을 눌러주기만하면 간단하게 KEY를 발..
게시판 조회 기능 (1)
게시판 작업을 진행하려한다.**우선 우측상단에 있는 조회조건(날짜 및 검색어) 기능은 추후에 완성하려한다.** 0. user_board 테이블 생성CREATE TABLE `user_board` (`BOARD_ID` varchar(20) NOT NULL,`BOARD_SEQ` int(11) NOT NULL AUTO_INCREMENT,`USERID` varchar(255) DEFAULT NULL,`TITLE` varchar(50) NOT NULL COMMENT '제목',`CONTENTS` blob NOT NULL COMMENT '내용',`REGDT` date DEFAULT NULL COMMENT '등록일자',`UPDDT` date DEFAULT NULL COMMENT '수정일자',`IS_DEL` int(11)..