Framework & Library/Bootstrap
[Bootstrap] 부트스트랩으로 로그인 폼 만들기
이전 게시글에서 만든 회원가입 폼과 비슷한 스타일의 로그인 폼을 만들어보았다. 화면 코드 유효성 검사 로그인 아이디 아이디를 입력해주세요. 비밀번호 비밀번호를 입력해주세요. 로그인
Framework & Library
Framework & Library/Bootstrap
[Bootstrap] 부트스트랩으로 회원가입 폼(Form) 만들기
아이디 중복체크와 비밀번호 이중체크, 유효성 검사를 포함한 회원가입 폼을 만들었다. 화면 코드 아이디, 비밀번호, 닉네임, 우편번호 및 주소, 전화번호, 이메일를 입력받는 회원가입 폼 아이디 중복 검사 ➜ DB에 데이터 요청 필요, AJAX 통신으로 처리 비밀번호 이중 체크 ➜ 다르게 작성 후 버튼 클릭 시, alert 발생 우편번호 및 주소는 kakao address API를 이용 유효성 검사 회원가입 아이디 아이디를 입력해주세요. 중복확인 비밀번호 비밀번호를 입력해주세요. 비밀번호 확인 비밀번호를 입력해주세요. 닉네임 닉네임을 입력해주세요. 우편번호 우편번호 찾기 주소를 입력해주세요. 주소를 입력해주세요. 이메일 이메일을 입력해주세요. --직접입력-- daum.net naver.com google.c..
Framework & Library/MyBatis
[Oracle/MyBatis] 에러 모음
ORA-00911: invalid character 잘못된 문자가 들어가면 발생. 주로 쿼리 뒤에 ; 를 넣을 때 발생 indexoutofboundsexception: index: , size: Mybatis의 경우 쿼리문의 컬럼 값을 가져와 VO의 데이터에 자동으로 매핑한다. 그렇기에 이러한 에러가 발생한다면 현재 VO의 데이터에 쿼리문의 컬럼이 제대로 매핑되지 않았다. 나같은 경우는 DTO(VO)에는 테이블의 모든 속성을 작성하고 생성자도 만들었다. 그리고 Mapper XML파일에서 select문을 작성할 때 테이블의 일부 컬럼만을 조회할 수 있도록 작성했는데 DTO(VO)의 데이터와 조회할 컬럼을 일치하도록 수정하여 해결할 수 있었다. IO 오류 : The Network Adapter could n..
Framework & Library/MyBatis
[MyBatis] 동적 SQL (Dynamic SQL) 기능 - foreach문
동적 SQL에서 필요한 것은 collection에 대해 반복처리를 하는 것이다. 종종 IN 조건을 사용할 때 사용한다. select문에서 foreach 사용 select deptno, dname, loc from dept #{item} 파라미터 객체로 List 인스턴스나 배열을 전달할 수 있다. 그렇게하면 MyBatis는 Map으로 자동으로 감싸고 이름을 키로 사용한다. List 인스턴스는 "list" 를 키로 사용하고, 배열 인스턴스는 "array"를 키로 사용한다. // Main.java // select * from dept where deptno In (값, 값2, 값3, ... ) List deptnoList = Arrays.asList(10, 20, 30, 40); List list = ses..
Framework & Library/MyBatis
[MyBatis] 동적 SQL (Dynamic SQL) 기능 - if, choose/when/otherwise
MyBatis의 가장 강력한 기능 중 하나는 특정 조건에 따라 변경되는 동적 SQL (Dynamic SQL) 기능이다. if 조건식 작성 select deptno, dname, loc from dept dname = #{dname} order by 1 choose / when / otherwise 다중 조건식 작성 select deptno, dname, loc from dept deptno IN (50, 60) deptno = 70 deptno In (10,20,30,40)
Framework & Library/MyBatis
[MyBatis] SQL Map XML 파일
Mybatis 는 src 폴더에 Mapper 설정 정보를 저장하는 xml 파일 하나 Configuration.xml 와 SQL 쿼리를 저장하는 xml 파일 테이블명Mapper.xml 을 테이블 당 하나씩 작성한다. 아래 내용은 SQL 쿼리를 저장하는 SQL Map XML 파일에 대한 내용이다. SQL Map XML 파일 id : 구문을 찾기 위해 사용될 수 있는 namespace(명명공간) 내 유일한 구분자 parameterType : 패키지 경로를 포함한 전체 클래스명이나 별칭 resultType : 구문에 의해 리턴되는 패키지 경로를 포함한 전체 클래스명이나 별칭 select deptno, dname, loc from dept where deptno = #{deptno} 구문의 이름은 selectDe..
Framework & Library/MyBatis
[MyBatis] INSERT문/UPDATE문/DELETE문 요청
MyBatis의 연동과 SELECT문 요청은 아래 글 참고 [MyBatis] MyBatis 실행 순서 정리 ✍️ - SELECT 문 MyBatis는 자바 언어를 기반으로 데이터베이스 프로그래밍을 쉽게 할 수 있게 도와주는 SQL Mapper 프레임 워크로 데이터베이스와 자바 객체들 간의 상호 매핑을 단순화하고 SQL 쿼리를 실행하는데 gangintheremark.tistory.com DML 요청 MyBatis 는 기본적으로 auto commit 이 아니기 때문에 명시적으로 commit 호출을 해야한다. (JDBC는 자동commit) // insert int n = session.insert(""); int n = session.insert("", Object obj); // update int n = s..
Framework & Library/MyBatis
[MyBatis] MyBatis 실행 순서 정리 ✍️ - SELECT 문
MyBatis는 자바 언어를 기반으로 데이터베이스 프로그래밍을 쉽게 할 수 있게 도와주는 SQL Mapper 프레임 워크로 데이터베이스와 자바 객체들 간의 상호 매핑을 단순화하고 SQL 쿼리를 실행하는데 도움을 주는 기능들을 제공한다. JDBC와 다르게 프로그램에 있는 SQL쿼리들을 한 구성파일(.xml)에 구성하여 프로그램 코드와 SQL을 분리할 수 있는 장점이 있다. [JDBC] JDBC 실행 순서 정리 ✍️ - SELECT문 요청 JDBC(Java Database Connectivity) 는 어떤 환경에서건 자바 언어를 사용하는 경우에 DBMS 종류에 상관없이 데이터베이스에 접근할 수 있는 독립적인 프로그래밍 API이다. 다음은 JDBC를 구현하는 기본적인 gangintheremark.tistory..
Framework & Library/JDBC
[JDBC] JDBC 트랜잭션 처리
💪 트랜잭션 참고 💡 트랜잭션 여러 개의 작업들을 하나의 작업처럼 처리해야 되는 경우 이용된다. 하나 이상의 DML이 모여 하나의 트랜잭션으로 구성한다. JDBC에서 모든 DML 작업이 자동으로 auto commit 된다. 하지만 트랜잭션으로 처리해야만 하는 작업에서는 명시적으로 auto commit을 비활성화한 후 작업해야 한다. Service 클래스에서 Connection API의 setAutoCommit() 메서드를 이용하여 자동 commit을 비활성화 시키고 이 후 commit() rollback() 메서드를 사용하여 트랜잭션을 처리할 수 있다. 메서드가 모두 성공하면 commit(), 만약 하나라도 예외가 발생하면 rollback() 으로 처리한다. // update , delete 기능 => ..
Framework & Library/JDBC
[JDBC] DAO 및 DTO 패턴 사용 실습
이전 글 참고 필수 ✨ [JDBC] DAO 패턴 및 DTO 패턴 데이터베이스를 연동하는 프로그램을 개발할 때 반드시 사용되는 2가지 개발 패턴이 있다. DAO (Data Access Object) 패턴 DB의 데이터에 접근하기 위한 객체로, 직접 DB에 접근하여 데이터를 조회, 삽입 gangintheremark.tistory.com dept 테이블에 저장된 레코드를 조회, 검색, 수정, 삭제할 수 있는 기능을 DAO 및 DTO 패턴을 적용하여 구현한 실습이다. Main 클래스명 : DeptMain.java DAO 클래스명 : DeptDAO.java DTO 클래스명 : DeptDTO.java Service 인터페이스명 : DeptService.java Service 클래스명 : DeptServiceImpl..
Framework & Library/JDBC
[JDBC] DAO 패턴 및 DTO 패턴
데이터베이스를 연동하는 프로그램을 개발할 때 반드시 사용되는 2가지 개발 패턴이 있다. DAO (Data Access Object) 패턴 DB의 데이터에 접근하기 위한 객체로, 직접 DB에 접근하여 데이터를 조회, 삽입, 수정, 삭제 등 조작할 수 있는 기능을 수행한다. 웹 브라우저에서 보여지는 GUI 화면을 구성하는 코드를 presentation logic 이라고 하며 GUI화면에 데이터를 보여주기 위해서 데이터베이스를 검색하는 코드 및 새로 발생된 데이터를 데이터베이스에 저장하는 작업을 처리하는 코드를 business logic 이라고 한다. 두 개의 로직은 하나의 클래스로 모두 구현할 수도 있고 여러 클래스로 모듈화하여 구현할 수도 있지만 하나의 클래스로 구현하면 유지보수가 어려워지기 때문에 바람직..
Framework & Library/Vue.js
[Vue.js] 컴포넌트 상·하위 컴포넌트의 통신 방식
상위(Parent) 컴포넌트와 하위(Child) 컴포넌트 간에 통신 방식은 props와 event로 구성된다. Props props 속성은 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 속성이다. props 속성 코드 형식 // 하위 컴포넌트 var appHeader = { props: ['프롭스 속성명'] } props 속성 코드 예시
