반응형 분류 전체보기 반응형 460 spring 홈페이지 - (15) 회원가입 작업 (feat.아이디 중복체크/비밀번호 암호화) 안녕하세요. 오랜만에 웹사이트 만드는 포스팅을 하네요. 이게 워낙 길기도하고.. 포스팅할것이 많다보니 저도 모르게 손을 놓고 있었네요..ㅋㅋ 이젠 다시 진행하려하는데 우선은 회원 기능이 있어야 다른 기능도 수월하다 생각하여 회원가입 먼저 진행하겠습니다. 아래는 구현화면입니다. 중복 체크 유효성 검사 (프로젝트는 이전 프로젝트에서 이어서 진행하는 점 참고 바라며, 프로젝트를 참조하지 않아도 기능만 확인하는데는 문제 없다고 생각합니다.) 우선은 header.jsp에서 의 주석 위에 버튼 두개를 만들어줍니다. 하나는 회원가입, 하나는 로그인 버튼이죠! Header.jsp 로그인 회원가입 그리고 옆에 메세지표시랑 알람표시는 사용하지 않을거니 지워주도록 하죠. 부터 위의 까지 지워줍니다. 조금더 깔끔해졌죠. 그리.. 2021. 4. 1. [MYSQL] 더미데이터 생성 쿼리!! 안녕하세요.더미데이터 만들기 위한 쿼리를 생성하여 합니다. 더미데이터란, 유용한 데이터가 포함되어 있지 않지만 공간을 예비해두어 실제 데이터가 명목상 존재하는 것처럼 다루는 유순한 정보를 의미 라고 하네요. 쉽게 말해서 무언가를 테스트할때 임시로 데이터를 만든다고 보시면 됩니다. 예를들어 페이징을 하기 위해서는 게시글이 많아야하는것처럼 말이죠! 첫번째 방법입니다. 게시판테이블의 모습입니다. 데이터가 아무것도 들어가 있지 않죠. 아래 쿼리를 실행합니다. 1234567891011121314151617DELIMITER $$DROP PROCEDURE IF EXISTS loopInsert$$ CREATE PROCEDURE loopInsert()BEGIN DECLARE i INT DEFAULT 1;.. 2021. 3. 31. [Spring] 지도API와 데이터베이스 연동으로 다중마커 표시하는 방법 안녕하세요. 오늘은 다음지도 API와 데이터베이스 연동으로 다중마커를 표시하는 방법에 대해 이야기해보겠습니다. 저는 기업의 상호명과 도로명 주소를 이용하여 검색을 하면 검색이 된 리스트들이 여러개의 마커로 표시되는 화면을 구현하려합니다. 화면은 대략 이렇습니다. 태명이라는 검색어를 치게 되면 리스트결과에 대한 첫번째 인덱스가 포커싱이 되고, 결과의 리스트들은 지도에 다중으로 마커표시가 되게 됩니다. XML 우선 XML에서 쿼리를 만들어줍니다. 상호명과 도로명주소를 조회하고 조건절에 검색어를 조회할 수 있도록 합니다. SELECT fctry_cmpnm fctry_rdnmadr FROM tbl_factory WHERE (fctry_rdnmadr LIKE CONCAT('%', #{searchWrd},'%') .. 2021. 3. 30. [정규식] input숫자만입력&콤마적용 방법!! 안녕하세요. 오늘은 정규식에서 input창에 숫자만 적히면서 콤마를 붙일수도, 안 붙일수도 있는 정규식을 이야기해보겠습니다. JQUERY 우선 자바스크립트에 함수를 4개 만들어줍니다. 콤마붙이는 함수 / function comma(str) 콤마를 때는 함수 / function uncomma(str) 숫자만 사용할 수 있는 함수 (+콤마) / function inputNumberFormat(obj) 숫자만 사용할 수 있는 함수 (콤마 X) / function inputOnlyNumberFormat(obj) HTML 그리고 HTML에서 input칸에 속성을 넣어줍니다. 아무래도 숫자를 쓰는 칸이기에 무한대로 쓰고 submit을 하면 에러가 나기 십상입니다. 이럴땐 maxlength를 사용하여 입력되는 숫자를.. 2021. 3. 25. [Jquery] selectbox & radio 선택 유지하는 방법 안녕하세요. 오늘은 삼항조건연산자를 통해 selectbox&radio 선택 유지 방법에 대해 이야기해보겠습니다. 조건부 삼항 연사자란, JavaScript에서 세 개의 피 연산자를 취할 수 있는 유일한 연산자 입니다. 이렇게 정의하니 저도 모르겠군요... 코드를 보면서 설명해보겠습니다. 삼항연산자 식은 이렇습니다. (조건) ? (참일 때 실행할 코드) : (거짓일 때 실행할 코드); 실제에 응용한다면.. 보통의 select문에서 항목중에 선택을 하게 되면 VO안에 담기게 되죠. 아래 문구를 해석하면 1 $("select[name=road_x1]").val((("${searchVO.road_x1}" == '') ? "" : "${searchVO.road_x1}")).prop("selected", true).. 2021. 3. 24. [스프링] 컬럼 복수값 검색 방법!!(feat.동적 SQL) 안녕하세요. 오늘은 체크박스 체크 후 검색할때 한 컬럼에 값이 두개 있을 경우 나누는 방법에 대해 알려드리겠습니다. 여기서는 Dynamic SQL에서 foreach를 사용해야합니다. Dynamic SQL이란, 동적 SQL이라고도 불리며, String형 변수에 담아서 기술하는 SQL문을 말합니다. String변수를 사용하기 때문에 조건에 따라 SQL문을 동적으로 바꿀수 있습니다. 동적 SQL에서 foreach 사용방법은 다음과 같습니다. collection 전달받는 인자값 (반드시 배열/리스트형태) index 목록의 위치값 (index, count, 등) item 전달받는 인자값을 다른 이름으로 재 정의 open 해당 구문이 시작할 때 넣을 문자 close 해당 구문이 끝날 때 넣을 문자 separator.. 2021. 3. 12. [mysql] 테이블명세서 추출 쿼리 정리!! mysql workbench에서 쿼리를 이용하여 이용하여 테이블 명세서 만드는 방법을 이야기해보겠습니다. 우선 테이블명세서가 먼지 알아보고 가죠. 테이블명세서란, '각 테이블의 사용목적, 이름, 작성자, 비고사항 등의 테이블에 대한 기록 뿐만 아니라 테이블에 포함된 각 컬럼의 이름, 데이터 타입 및 제약조건을 기록한 문서양식을 말한다' 라고 하네요. 한마디로 테이블이 어떻게 이루어져 있고 테이블 안에 내용들이 먼지를 글로 표현한 것이라 할 수 있겠네요. 보통은 프로젝트 시, 클라인트에게 제출할 자료 중 하나로 사용되며 특별한 작성형식은 없습니다. 저의 데이터메이스 이름, 즉 스키마는 'website' 입니다. 워크벤치 명령창에 쿼리를 넣어줍니다. 쿼리가 엄청 길지만 신경쓰지 않으셔도 됩니다. 중간에 주황.. 2021. 3. 11. Spring 홈페이지 - (14) 게시판 페이징 쿼리스트링 작업 지난 시간 페이징 작업에 이어 페이징 쿼리스트링을 해보도록 하겠습니다. 3번 페이지 버튼을 누르면 주소창에 아래와 같이 뜹니다. http://localhost:8080/board/list?pageIndex=3&searchKeyword= list에 물음표 ? 뒤에있는 값들 즉, 파라미터(변수를 던진 값)을 통해서 페이징이 가능한거죠 그런데 게시판들 들어가보면 게시판 인덱스 뒤에 아무것도 붙어 있지가 않습니다. 파라미터 값을 가지고 오지 못한 거죠!! 결국 목록을 누르면 3번 페이지 화면이 아닌, 1번 페이지의 처음 시작화면이 되게 됩니다. 즉, 3번페이지에서 게시글을 눌러서 작업을 완료하고 목록을 눌렀을 경우 3번페이지로 유지되기 위한 작업 파라미터 값을 계속해서 넘겨주는 작업을 QeuryString (쿼.. 2021. 3. 1. Spring 홈페이지 - (13) 게시판 페이징 작업 오늘은 게시판 페이징을 해보겠습니다. 제가 한 방식은 전자정부프레임워크에서 사용되는 방식을 변형하여 만들었습니다. 제가 사용하던 방식이라 복습차원이기도하고 실제로도 다른 방식보다 편리합니다. 새로 작성한 AJAX 페이징 방식 글입니다!! 구현하실 분들은 참고해주세요! https://chobopark.tistory.com/249 AJAX 페이징 구현 방법!! (영상 有) 안녕하세요. 오늘은 AJAX로 페이징 처리하는 방법에 대해 이야기해보겠습니다. 저는 자바를 기반으로한 AJAX 페이징 처리 방법을 정리하였습니다. 우선 AJAX 에 대해 이야기해보겠습니다. Ajax란 Asyn chobopark.tistory.com 우선 페이징을 하기 위해서는 파라미터를 통해 페이징 처리를 하기 때문에 클래스를 만들어 변수.. 2021. 3. 1. 이전 1 ··· 33 34 35 36 37 38 39 ··· 52 다음
