BJ G1 9328 열쇠 문제링크 http://www.acmicpc.net/problem/9328 9328번: 열쇠 문제 상근이는 1층 빌딩에 침입해 매우 중요한 문서를 훔쳐오려고 한다. 상근이가 가지고 있는 평면도에는 문서의 위치가 모두 나타나 있다. 빌딩의 문은 모두 잠겨있기 때문에, 문을 열려면 열 www.acmicpc.net * 일단 문제를 정독 하고 1시간 이상 반드시 고민이 필요합니다. 동영상 설명 1시간 이상 고민 했지만 아이디어가 떠오르지 않는다면 동영상에서 약간의 힌트를 얻어봅시다. 더보기 https://www.youtube.com/watch?v=Lj1u2byE258 소스 보기 동영상 설명을 보고도 전혀 구현이 안된다면 이건 연습 부족입니다. 소스를 보고 작성해 본 후 스스로 백지 상태에..

BJ G1 1194 달이 차오른다 가자 문제링크 http://www.acmicpc.net/problem/1194 1194번: 달이 차오른다, 가자. 첫째 줄에 미로의 세로 크기 N과 가로 크기 M이 주어진다. (1 ≤ N, M ≤ 50) 둘째 줄부터 N개의 줄에 미로의 모양이 주어진다. 같은 타입의 열쇠가 여러 개 있을 수 있고, 문도 마찬가지이다. 그리고, www.acmicpc.net * 일단 문제를 정독 하고 1시간 이상 반드시 고민이 필요합니다. 동영상 설명 1시간 이상 고민 했지만 아이디어가 떠오르지 않는다면 동영상에서 약간의 힌트를 얻어봅시다. 더보기 youtu.be/x6W1d4jU8es 소스 보기 동영상 설명을 보고도 전혀 구현이 안된다면 이건 연습 부족입니다. 소스를 보고 작성해 본 후 스스..

이번 포스팅에서는 Legacy 기반의 스프링 프로젝트 생성에 대해서 다룬다. Legacy의 사전적 의미는 "유산" 정도 되는데 어떻게 보면 유구한 역사를 띄고 있다고 해석할 수 있으나 프로그래밍 영역에서는 많은 경우 "원래 부터 있던 좀 구닥다리의..." 라는 뉘앙스를 많이 풍긴다. 왜 우리는 구시대의 유물인 Legacy를 하려고 드는가? 처음에는 STS(Spring Tool Suite)를 이용해서 프로젝트를 만들 때 당연히 Legacy라는 단어를 사용하지 않았다. 그런데 새로운 개발 방식인 Boot를 밀기 위해서 노골적으로 이전 개발 방식에 대해 Legacy라는 모멸적인 단어를 부여하며 더 이상 사용하지 않기를 권장하고 있다. 심지어 최근 툴인 STS 4.X 이상 부터는 아예 Legacy 프로젝트 생성..

BJ G5 1600 말이 되고픈 원숭이 문제링크 http://www.acmicpc.net/problem/15683 15683번: 감시 스타트링크의 사무실은 1×1크기의 정사각형으로 나누어져 있는 N×M 크기의 직사각형으로 나타낼 수 있다. 사무실에는 총 K개의 CCTV가 설치되어져 있는데, CCTV는 5가지 종류가 있다. 각 CCTV가 감�� www.acmicpc.net * 일단 문제를 정독 하고 1시간 이상 반드시 고민이 필요합니다. 동영상 설명 1시간 이상 고민 했지만 아이디어가 떠오르지 않는다면 동영상에서 약간의 힌트를 얻어봅시다. 더보기 https://www.youtube.com/watch?v=nIMjj0TlBL0 소스 보기 동영상 설명을 보고도 전혀 구현이 안된다면 이건 연습 부족입니다. 소스를..

validation 처리 관련 마지막으로 살펴볼 것은 validation 메서드 중 하나인 remote이다. remote는 이름 대로 서버를 호출해서 원격에서 validation을 확인 받는다. 쉽게 접할 수 있는 예는 아이디가 중복되었는지를 확인하는 경우가 일반적이다. 아이디 * remote는 서버를 ajax 형태로 호출해서 결과를 전달받는다. 따라서 remote의 속성으로는 ajax를 호출하기 위한 options 객체가 설정된다. $("#myform").validate({ rules : { id : { required : true, remote : { url : "../ValidateionMock", type : "post data : { id : function(){ return $("#id").v..

앞 포스트에서 validation plugin의 기본 사용법에 대해 알아보았다. 이번 포스트에서는 validation plugin 을 사용하면서 필요한 customization에 대해 살펴보자. 1. 사용자 정의 메서드의 추가 앞서 validation plugin이 다양한 validation 체크 메서드를 제공한다고 소개한바 있다. 하지만 우리는 여전히 배고프다.(적절한가? ㅠㅠ) 다행히 validate plugin은 addMethod를 이용해서 사용자 정의 메서드를 등록할 수 있게 해준다. https://jqueryvalidation.org/jQuery.validator.addMethod/ jQuery.validator.addMethod() | jQuery Validation Plugin Descrip..

1. 플러그인 설치 일반적인 javascript 라이브러리와 마찬가지로 이 플러그인 역시 다운로드해서 설치하거나 cdn 방식으로 설치할 수 있다. 특별한 이유가 아니라면 CDN 방식의 사용을 권장한다. 이 플러그인은 jQuery 기반이기 때문에 당연히 jQuery가 먼저 삽입되어야 한다. 2. 기본 함수 사용법 다음 폼에 대한 validation을 처리해보면서 사용법을 익혀보자. 사용자 정의 Validation 처리 이름 * 이메일 * 가장 핵심적인 함수는 validate 라는 함수이다. 이 함수는 jQuery를 통해 폼 요소에 추가된다. 따라서 기본 사용법은 아래와 같다. $("#myform").validate({}); 이 함수는 form에서 submit 이벤트가 발생할 때 자동적으로 호출되기 때문에 ..

1. 웹 클라이언트에서의 Validation 처리란? 웹 프로그래밍을 하는 과정에서 클라이언트로부터 무언가를 입력 받기 위해서는 form을 이용한다. 그런데 개발자의 입장에서는 "사용자가 이런 형태로 입력해야하는데.. "하는 값들이 있다. 예를 들어 이름은 필수 입력 항목이고, 2자 이상, 10자 이내여야 한다거나 이메일의 양식을 준수하거나 비밀번호는 영문, 숫자, 특수문자를 포함해서 8글자 이상 16글자 미만 등이다. 사용자가 개발자의 의도대로 값을 잘 넣었는지 확인하는 것을 validation 처리라고 한다. 일반적으로 validation 처리는 클라이언트 단에서 한번, 서버단에서 한번 실행하는 것이 좋다. 클라이언트 단에서 실행되는 validation 처리는 사용자가 값을 제대로 입력했는지 못했는지..