https://ekeprl.tistory.com/39 오픈API - 한국천문연구원_특일 정보오픈API를 사용해보자 해서 시작하게되었다.현재 진행한 블로그에서메인페이지에 공휴일 체크 INPUT BOX + BUTTON 만 추가해서ALERT로만 간단하게 나타내도록 하려고한다. 1. UTIL.KT 2. MAIN.JS처리하는ekeprl.tistory.com이 포스터에서는 특일정보API를 프론트에서 받아서 처리하는 방식으로 단순하게 구현했다. JS에서 처리하는게 전부가아닌, 백엔드를 거쳐 처리하도록 만드는 와중에 오류가 발생했다. ERROR io.undertow.request - UT005023: Exception handling request to /api/holiday가장 먼저 보이는 이 오류와함께Request..
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)..
Column count doesn't match value count at row 1
이번포스팅은 Column count doesn't match value count at row 1 라는 오류에 관련된 포스팅입니다. 게시판에 게시물을 등록하기위한 모달창에 제목 , 내용을 작성하고등록버튼을 누르면 등록이 되야하는데 이런 오류가 발생해 정상적으로 insert되지 않는 현상이 발생했다. 쿼리를 확인해보니INSERT INTO user_board (BOARD_ID, USERID, TITLE, CONTENTS, REGDT ,IS_DEL) ..(1)VALUES (#{userid}, #{title}, #{contents}, NOW() , '0') ..(2)이런식으로 되어있는데 자 바로 눈에 보인다 INSERT로 6개의 컬럼에 값을 집어넣는다고했는데VALUES엔 값이 5개밖에없다. (1)..