웹 개발 한걸음 (61) 썸네일형 리스트형 [Mybatis + Ajax] 아이디 중복 확인 구현해보기 ** 아이디가 중복이 되었는지 확인하는 기능을 구현해보려고 한다. ** 이번에도 버튼이 아닌 네이버 아이디 중복 체크처럼 blur 이벤트에서 실행되게 할 것이다. 0. 간단 프로세스 1) JSP -> 입력한 아이디를 blur 이벤트시 ajax로 컨트롤러로 넘김. 2) ServletContorller -> 아이디를 받아서 dao의 findUserID 메서드의 인자로 넣고 호출. 3) DAO -> 마이바티스 sqlsession의 selectOne 메서드로 mapper를 이용해 DB에 접근, DB에 인자로 넣어준 아이디명과 같은 아이디가 있는지 확인. 있다면 chk에 true를 없다면 false를. 4) ServletContorller -> 위의 호출로 chk를 반환받음. true냐 false냐에 따라 Has.. [Javascript] 정규표현식 유효성 검사 + 비밀번호 재확인 구현해보기 0. 들어가기 전에 ** 기존의 회원가입 코드에 자바스크립트, ajax, mybatis를 넣는 중 기존의 코드가 입력값을 받아서 넘겨버리고 끝이어서이제 실제 웹서비스라 생각하고 여러가지 넣어보자! 하는 중에 가장 먼저 비밀번호가 정규식 처리를 하고 그 유효성에 따라 부트스트랩으로 표현해보는 것을 시도해보았다. ** 만드는 중에 생각해보니 요즘 회원가입 창들은 유효성 검사를 하는 버튼을 눌러서 유효성을 확인해보는 것이 아니라 훨씬 고급스러운 방법(?)으로 확인했던 것 같아 국내에서 가장 많이 쓰는 네이버의 회원가입 창을 확인해보았다. ** 위와 같이 따로 버튼이 있거나 최종 가입완료 버튼을 눌렀을 때 확인할 수 있는 게 아니라 저렇게 심플하고도 즉각적으로 알 수 있었다. ** javascript가 익숙치 .. [Mybatis + Ajax] 로그인 구현 해보기 ** 이전에 만들었던 서블릿 프로젝트에서 JDBC가 아닌 Mybatis 프레임워크를, html의 submit 전송이 아닌 jquery를 이용한 ajax 통신을 사용해 로그인을 구현해보았다. [Servlet] 로그인 구현하기 ** 이전에 만들었던 JSP 프로젝트를 서블릿을 통해 MVC 패턴을 구현해보는 시간을 가져보았다. [JSP] 4강 - 로그인 기능 구현 // **문제해결** 본 포스팅은 정보 제공용이 아닌 유튜브 동빈나님의 JSP egu99.tistory.com 0. 간단 프로세스 Servlet Controller에서 jsp로 forwarding -> 로그인 jsp에서 id, pw를 ajax로 요청 -> Servlet Controller에서 dao의 login 메서드 호출 -> login 메서드는 m.. [Mybatis] 마이바티스 파헤쳐보기 - 2 - 아래는 1편의 링크이다. [Mybatis] 마이바티스 파헤쳐보기 - 1 - 1. MyBatis란? 관계형 데이터베이스 프로그래밍을 보다 쉽게 도와주는 프레임워크로 JDBC의 근간을 두고 있다. 마이바티스는 개발자가 지정한 SQL, 저장프로시저 그리고 몇가지 고급 매핑을 지원하 egu99.tistory.com 5. ResultMap resultType이 아닌 resultMap을 언제 사용하는지 알아보자. (1) 매핑할 VO클래스의 멤버변수명과 DB 테이블의 컬럼명이 다른 경우 매핑하는 역할 앞서 resultType을 썼을 때 VO클래스의 멤버변수와 DB컬럼명이 같을 경우는 알아서 매핑되었지만 다를 경우 매핑이 되지 않았다. 같게 해주면 되지만 개발하다보면 항상 같을 수 없고 컬럼마다 alias를 붙여주면 .. [Mybatis] 마이바티스 파헤쳐보기 - 1 - 1. MyBatis란? 관계형 데이터베이스 프로그래밍을 보다 쉽게 도와주는 프레임워크로 JDBC의 근간을 두고 있다. 마이바티스는 개발자가 지정한 SQL, 저장프로시저 그리고 몇가지 고급 매핑을 지원하는 *퍼시스턴스 프레임워크이다. 마이바티스는 JDBC로 처리하는 상당부분의 코드와 파라미터 설정및 결과 매핑을 대신해준다. 마이바티스는 데이터베이스 레코드에 원시타입과 Map 인터페이스 그리고 자바 POJO를 설정해서 매핑하기 위해 XML과 애노테이션을 사용할 수 있다. * 퍼시스턴스 프레임워크 퍼시스턴스 프레임워크(Persistence Framework)는 데이터의 저장, 조회, 변경, 삭제를 다루는 클래스 및 설정 파일들의 집합이다. 퍼시스턴스 프레임워크를 사용하면 JDBC 프로그래밍의 복잡함이나 번거로.. [Design Pattern] 싱글톤 패턴 배워보기 본 포스팅은 정보 제공용이 아닌 여러 개발자 블로그들의 자료를 바탕으로 보고 배운 것을 직접 정리해본 포스트 입니다. 1. 싱글톤 패턴이란? 어플리케이션이 시작될 때 해당 클래스가 "최초 한번" 메모리를 할당하고(static) 그 메모리에 인스턴스를 만들어 사용하는 디자인 패턴이다. 생성자가 여러번 호출되더라도 실제로 생성되는 객체는 하나뿐이고 최초 생성 이후에 호출된 생성자는 최초의 생성한 객체를 반환한다. 2. 왜 사용하는 것인가? A라는 클래스가 있다하자. B클래스와 C클래스에서 필요에 의해 A클래스의 생성자를 호출해 인스턴스를 생성하게 되면 B와 C에서 생성된 A클래스가 메모리에 각각 올라가버린다. 하지만 이 싱글톤 패턴을 사용하면 A 객체 생성을 단 한 번으로 제한하여 같은 객체의 인스턴스가 무.. [JavaScript] AJAX / XMLHttpRequest 파헤쳐보기 1. AJAX란? AJAX는 Asynchronous JavaScript and XML의 약자로, JavaScript와 XML을 이용한 비동기적 정보 교환 기법이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다. 이름에 XML이라고 명시되어있긴 하지만 JSON이나 일반 텍스트 파일과 같은 다른 데이터 오브젝트들도 사용 가능해서 요즘엔 XML을 잘 안 쓰고 십중팔구 JSON을 다룬다. 2. 역사 ** (1) 등장 이전 Ajax가 등장하기 이전에는 웹 브라우저가 어떤 정보를 요청하면 서버는 해당 정보를 포함한.. [JavaScript] 자바스크립트 기초 배워보기 본 포스팅은 정보 제공용이 아닌 유튜브 개발자의 품격님의 자바스크립트 입문과 여러 개발자 블로그들의 자료를 바탕으로 보고 배운 것을 직접 정리해본 포스트 입니다. *** 자바스크립트란? JavaScript는 웹문서를 동적으로 제어하기 위해 고안된 프로그래밍 언어. HTML과 CSS는 웹의 모델과 뷰를, 자바스크립트는 제어를 담당한다. html을 핸들링하기 위한 프로그램 언어. ** 스크립트의 위치? html의 상단인 head에서 스크립트를 작성하기도 하는데 head보단 body가 닫히기 직전에서 해주는 것이 좋다. 왜? 브라우저의 엔진이 html과 스크립트를 위에서부터 한줄 한줄 읽고 분석하게 되는데 만약 많은 자바스크립트 영역이 상단에 있다면 이를 분석하는 시간이 오래 걸려서 그만큼 실제 화면인 bod.. 이전 1 2 3 4 5 6 ··· 8 다음
