[ITWILL : WEB]더미텍스트/이미지만들기(Lorem Ipsum/placeholder), 기본선택자 종류 및 우선순위, 섹션요소

ITWILL학원 : 9강 WEB(HTML, CSS) BY 김영희

1. 더미데이터 만들기

1-1. Lorem Ipsum 로렘입숨 : 더미텍스트만들기

  • 줄여서 립숨, lipsum
  • 임의의 텍스트를 넣어서 HTML구조와 CSS 디자인을 보고싶을때 자주 사용
  • vscode에서는 lorem검색하고 tab치면 자동완성
  • 이클립스(Eclipse)는 아래 사이트에서 원하는 모양대로 설정뒤에 복붙하면 된다

참고링크 : 입숨

1-2. placeholder : 더미이미지만들기

1
2
3
<img src="http://via.placeholder.com/가로길이x세로길이/바탕색코드/글자색코드?text=이미지안글자" />
//예시
<img src="http://via.placeholder.com/400x600/000000/ffffff?text=400x600">

참고링크 : placeholder

2. 기본 선택자 종류 및 우선순위

선택자는 기본선택자와 가상선택자가 있다 그 중 기본선택자를 보자.

  • 기본선택자종류

  • 선택자 우선순위
    기본적으로 가까울수록 우선순위가 높다.
    아래 이미지로 대략적으로 확인할 수 있고 위의 이미지처럼 계산할 수 있다
    계산해주는 사이트도 있다

참고링크 : css 선택자 우선순위 계산사이트

  • 주요 가상선택자종류

3. 섹션요소

홈페이지 용도별 태그명이 다르다.

  • BODY, HEADER, NAV, SECTION, ARTICLE, MAIN, ASIDE, FOOTER

https://webdir.tistory.com/310

[ITWILL : WEB]폰트속성

ITWILL학원 : 9강 WEB(HTML, CSS) BY 김영희

1. font속성(폰트속성)

속성은 크게 두가지 그룹이 있다

그 중 폰트속성 먼저 알아보면 아래와 같다.

font 속성종류 특징
font-size 글자 크기
font-weight 글자 두께
font-style 글자 기울기
font-family 글자(서체) 지정

2. font-size

다양한 단위가 있다.
실무에서 주로 쓰이는 단위는 px, pt(포인트)이다.

https://www.mediavine.com/increase-font-size-and-increase-seo-rpm-along-with-it/

참고링크 : 폰트사이즈변환

3.font-family

한글 본문은 고민하지말고 맑은 고딕으로 쓰면 된다.

  • 기본폰트 :
    기본글꼴종류는 크게 세 가지로 나뉜다
  1. Sans-serif 고딕형 : sans의 의미는 without이다. 글자의 끝이 딱 떨어지는 느낌, 가독성이 제일 좋음
  2. Serif : 끝에 장식이 있는 클래식한 느낌
  3. Monospace : 고정글꼴. width가 same한 글꼴이다.
    글꼴이름을 넣을때는 쌍따옴표를 넣고 글꼴종류를 적을때는 쌍따옴표를 적으면 안된다.

참고링크 : w3schol

웹폰트 사용법은 간단하다.

  1. 해당 웹폰트의 html의 link태그를 복사하여 head태그 사이에 붙여넣기.
  2. 해당 웹폰트의 css코드를 복사하여 css페이지에 붙여넣기.

[ITWILL : JSP]자료구조1 : Collections Framwork(Set계열, List계열)

ITWILL학원 : 26강 JSP기초 BY 정규태강사

https://slidesplayer.org/slide/11290986/

1. 컬렉션 클래스의 제네릭 (Collections.Generic)

  • 컬렉션프레임워크 또는 컬렉션 클래스 또는 컨테이너라고도 부른다.
  • 즉 값을 담는 그릇이라는 의미이다. 그런데 그 값의 성격에 따라서 컨테이너의 성격이 조금씩 달라진다. 자바에서는 다양한 상황에서 사용할 수 있는 다양한 컨테이너를 제공하는데 이것을 컬렉션즈 프래임워크라고 부른다.

https://opentutorials.org/course/1223/6446

참고링크 : 생활코딩 컬렉션즈프레임워크

  • JDK5 버전이후부터 사용가능
  • 자료구조 학문을 구현한 클래스이다.
  • 요소라는 데이터를 가변인자의 객체에 저장하는 형태이다.
  • 컬렉션 클래스들은 Collections 인터페이스의 하위 클래스/인터페이스이다.
  • Collections인터페이스의 상위클래스는 Object클래스(최상위객체)이다.
  • 컬렉션 클래스들은 toString()메서드가 구현되어있다.
  • 공통 장점 :
    • 데이터의 삽입, 삭제, 검색기능이 뛰어남.
  • 주요 종류 :
    • Set
    • List
    • Map(Table포함)
  • 공통메서드 :
    • 변수명.add : 데이터저장
    • 변수명.get(index) : 배열의 index에 위치해 있는 값 출력
    • 변수명.set(idx, 변경값) : 데이터변경
    • 변수명.size() : 길이를 반환
    • iterator()

2. Iterator

  • Iterator는 반복자, 즉 반복문의 동작을 할 수 있는 인터페이스이다.
  • 해당 컬렉션에서 현재위치, 다음단계로의 이동동작을 반복가능하게 한다.
  • 모든 컬렉션클래스들은 슈퍼클래스의 iterator()메서드를 모두 사용가능하다.
  • Iterator 패턴 : 디자인패턴중의 하나로 중급개발자로 가는 길목에 이다. [디자인패턴](https://gmlwj d9405.github.io/2018/07/06/design-pattern.html)은 필수이므로 꼭 따로 학습 해볼것

3. Set계열의 컬렉션 클래스

  • 서로 다른타입의 데이터를 저장가능함. why? Object로 업캐스팅을 할 것이기때문에!
  • 순서를 포함하지 않음
  • 데이터 중복을 허용하지 않음.
  • Set계열은 중복x, 순서정보가 없기때문에 반복문을 사용할 수가 없다 -> 반복문 대신 interator 사용
  • 예 : HashSet 클래스 : Set 인터페이스를 구현한 서브클래스이다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
public static void main(String[] args) {
// TODO Auto-generated method stub
//Set<E>
//Set set = new Set(); //인터페이스는 객체를 생성할 수 없다
Set set = new HashSet(); //업캐스팅(HashSet -> Set)

System.out.println("요소의 갯수 : "+set.size());

set.add("하나");
set.add("2");
set.add("3.14");
set.add("c");
set.add(5);
set.add(5);
set.add(5);

System.out.println("요소의 갯수 : "+set.size());
System.out.println(set);

System.out.println("ㅡㅡㅡㅡㅡSet계열 반복문사용");
//Set계열은 중복x, 순서정보가 없기때문에 반복문을 사용할 수가 없다
//이때 사용하는 것이 interator이다

Iterator is = set.iterator();
while(is.hasNext()){
System.out.println(is.next());
}
}
//출력값
요소의 갯수 : 0
요소의 갯수 : 5 //중복을 허용하지않는다.
[2, c, 5, 3.14, 하나] //중복을 허용하지않는다. 내가 넣은 순서대로 출력되지않는다.
ㅡㅡㅡㅡㅡSet계열 반복문사용
2
c
5
3.14
하나

4. List계열의 컬렉션 클래스

  • 서로 다른타입의 데이터를 저장가능함. why? Object로 업캐스팅을 할 것이기때문에!
  • 순서가 저장됨 how? 저장할때 요소의 위치(index)값을 사용하기때문에!
    • 요소의 위치는 배열처럼 0부터 접근하면 됨
  • 데이터 중복 허용
  • Set계열보다 List계열을 더 많이 사용함
  • 예 : ArrayList, Vector, Stack, LinkedList

4-1. ArrayList

  • 장점 : 고정길이 배열의 단점을 보완. 저장공간의 크기가 필요에 따라 자동으로 증가함.
    가장 많이 사용한다.
  1. 예시 : ArrayList 데이터 입력 및 출력
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
ArrayList list = new ArrayList();

list.add("하나");
list.add("2");
list.add("3.14");
list.add("c");
list.add(5);
list.add(5);
list.add(5);

System.out.println("요소의 갯수 : "+ list.size());
System.out.println(list);
System.out.println(list.get(3));

//출력값
요소의 갯수 : 7
[하나, 2, 3.14, c, 5, 5, 5]
c
  1. 예시 : ArrayList 반복문사용
    순서(index)값이 저장되기때문에 Iterator가 아닌 반복문을 사용할 수 있다.
    전체 데이터를 출력하는 반복문이다.
  • System.out 대신 System.err 입력하면 에러형태(빨간글자)로 콘솔에 출력된다
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
System.out.println("ㅡㅡㅡㅡㅡfor문");
for(int i=0; i<list.size(); i++){
System.out.println(list.get(i));
}

System.out.println("ㅡㅡㅡㅡㅡ확장for문");
//확장 for문 for-each
//for(해당 타입의 요소 변수명 : 반복할배열/컬렉션){}

for(Object i : list){
//System.err.println(i); 에러형태(빨간글자)로 콘솔에 출력
System.out.println(i);
}
//출력값
ㅡㅡㅡㅡㅡfor
하나
2
3.14
c
5
5
5
ㅡㅡㅡㅡㅡ확장for
하나
2
3.14
c
5
5
5
  1. 예시 : index활용
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
System.out.println("ㅡㅡㅡㅡㅡindexof 사용");
System.out.println(list.indexOf(5));

System.out.println("ㅡㅡㅡㅡㅡindex활용한 add/set");
//기존데이터
System.out.println(list);
//데이터추가
list.add(3, "안녕하세요");
System.out.println(list);
//데이터변경
list.set(3, "하이");
System.out.println(list);

//출력값
ㅡㅡㅡㅡㅡindexof
4
ㅡㅡㅡㅡㅡindex활용한 add
[하나, 2, 3.14, c, 5, 5, 5]
[하나, 2, 3.14, 안녕하세요, c, 5, 5, 5]
[하나, 2, 3.14, 하이, c, 5, 5, 5]
  1. 예시 : 조건에 따른 데이터변경(반복문 사용)
    배열에 “2”가 있는 경우 “two”로 변경해보자
  • 내코드
1
2
3
4
5
6
7
8
9
//내코드
for(int i=0; i<list.size(); i++){
if(list.get(i) == "2"){
list.set(i, "two");
}
}
System.out.println(list);
//출력값
[하나, two, 3.14, 하이, c, 5, 5, 5]
  • 강사님코드
  • indexOf()는 데이터가 존재할 경우 index값을 출력하고 없는 경우 -1을 출력한다.
1
2
3
4
5
6
7
8
9
10
//강사님코드
System.out.println(list.indexOf("2")); //"2"의 index위치찾기
int value = list.indexOf("2");
if(value != -1){ //데이터가 존재할 경우
list.set(value, "two");
}
System.out.println(list);
//출력값
1
[하나, two, 3.14, 하이, c, 5, 5, 5]
  1. 비교 : 조건에 따른 데이터변경(Iterator사용)
  • 다음요소를 가지고있으면 true->반복문실행 없으면 false->반복문종료
1
2
3
4
5
//list객체를 반복할 수 있도록 iterator 객체로 변환
Iterator iter = list.iterator();
while(iter.hasNext()){ //다음요소를 가지고있으면 true->반복문실행 없으면 false->반복문종료
System.out.println(iter.next());
}

4-2. Vector

  • Vector : 자동으로 길이가 늘어나는 가변list

  • ArrayList - 동기화 기능 X : 상대적으로 클라이언트측에서 많이 사용함

  • Vector - 동기화 기능 O : 상대적으로 서버측에서 많이 사용함

  • 거의 대부분이 ArrayList를 쓰는 상황이다. 주니어레벨에서는 잘 모르겠다싶으면 ArrayList를 사용하면 됨.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
//1. Vector 생성
// Vector생성시 4칸짜리 배열생성 후 필요시마다 3칸씩 추가됨 -> 효율적사용가능
Vector vec = new Vector(4,3);

//2. Vector 크기체크
System.out.println("백터의 크기 : "+vec.size());


//3 Vector 용량체크
System.out.println("백터의 용량 : "+vec.capacity());

//4.실무에서 더미데이터를 담을때 for문을 주로 사용한다
for(int i=0; i<5; i++){
vec.add(i*10);
}
System.out.println(vec);
System.out.println("백터의 크기 : "+vec.size());
System.out.println("백터의 용량 : "+vec.capacity());
System.out.println("백터첫번째요소 : "+vec.firstElement());
System.out.println("백터두번째요소 : "+vec.get(1));//
System.out.println("백터마지막요소 : "+vec.lastElement());

//출력값
백터의 크기 : 0 => //출력값이 4가 아니라 0인 이유는? size는 요소의 값이다. 요소가 없으면 값은 0이 출력된다.
0
백터의 용량 : 4
[0, 10, 20, 30, 40]
백터의 크기 : 5
백터의 용량 : 7
백터첫번째요소 : 0
백터두번째요소 : 10
백터마지막요소 : 40

4-3. 배열을 생성해보자

  • 내코드
    내코드는 for문을 사용했다.
1
2
3
4
5
6
7
8
9
10
11
12
13
System.out.println("ㅡㅡㅡㅡㅡ 배열생성");
//대괄호안에 인자를 넣으면 에러가 발생함. 대괄호안에 숫자 넣으면 안됨!
//주로 안드로이드에서 아래의 배열생성방식을 사용함.
double[] arr = new double[]{1.1,1.2,1.3,1.4,1.5,1.6,1.7};
Vector vec2 = new Vector(5,5); //백터생성

//내코드
for(int i=0; i<arr.length; i++){
vec2.add(arr[i]);
}
System.out.println(vec2);
//출력값
//[1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7]
  • 강사님코드
    강사님은 for-each를 사용한 코드이다.
1
2
3
4
5
6
7
8
9
double[] arr = new double[]{1.1,1.2,1.3,1.4,1.5,1.6,1.7};
Vector vec2 = new Vector(5,5); //백터생성
//강사님코드
for(double d : arr){
vec2.add(d);
}
System.out.println(vec2);
//출력값
//[1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7]

4-4. 요소검색

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
System.out.println("ㅡㅡㅡㅡㅡ요소검색");
//[1.5]요소가 있으면 해당요소의 위치출력, 없으면 -1출력
int result = vec2.indexOf(1.5);
if(result != -1){
System.out.println("검색성공 : "+result);
}else{
System.out.println("검색실패 : "+result);
}

System.out.println("ㅡㅡㅡㅡㅡ요소삭제1 : indexOf사용");
//[1.6]요소가 있으면 해당요소를 삭제
int result2 = vec2.indexOf(1.7);
if(result2 != -1){
vec2.remove(result2);
System.out.println("삭제성공 : "+vec2);
}else{
System.out.println("삭제실패 : "+result2);
}

System.out.println("ㅡㅡㅡㅡㅡ요소삭제2 : contains");
double delValue = 45.6;
if(vec2.contains(delValue)){ //괄호한의 delValue가 포함되어 있으면 true
vec2.remove(delValue);
System.out.println("삭제성공 : "+vec2);
}else{
System.out.println("삭제실패 : "+vec2);
}

//출력값
ㅡㅡㅡㅡㅡ요소검색
검색성공 : 4
ㅡㅡㅡㅡㅡ요소삭제1 : indexOf사용
삭제성공 : [1.1, 1.2, 1.3, 1.4, 1.5, 1.6]
ㅡㅡㅡㅡㅡ요소삭제2 : contains
삭제실패 : [1.1, 1.2, 1.3, 1.4, 1.5, 1.6]

[ITWILL : JSP]Wrapper클래스, 오토 박싱과 오토 언박싱, hierarchy확인법

ITWILL학원 : 26강 JSP기초 BY 정규태강사

1. Wrapper클래스

  • 자바에서는 모든 것을 담을 수 있는 Object가 있다. Object로 배열을 만들면 다양한 종류의 객체들을 담을 수 있게된다. 단 기본형은 제외된다. WHY? 기본형데이터타입은 Object를 상속받지 않기때문! 이때 기본형 데이터를 wap해서 객체로 만들어 주는 것이 Wapper클래스이다.
  • 기본형 데이터를 객체로 사용할 수 있도록 만든 클래스
  • 기본형 데이터의 본질은 그대로두고, 해당 인터페이스만 제공하는 클래스이다.
  • 자바는 대소문자를 구분하기때문에 아래 두 형태는 서로 다른 값이다.
  • 기본형데이터타입은 상속이 불가능하다. why? 객체가 아니니까. 상속은 객체간의 관계를 표현하는 것.
기본형데이터타입 Wrapper클래스(참조형데이터타입)
byte Byte
short Short
int Integer
float Float
double Double
boolean Boolean
char Character

2. 오토 박싱과 오토 언박싱

기본적인 박싱과 언박싱이 있던 개념이지만 JDK6이후로 오토박싱과 오토언박싱이 가능해졌음
이건 새로운 개념이며 형변환개념과 다르다.

  • 박싱 : 값 형식의 데이터(기본형데이터타입)를 참조형데이터타입인 Wrapper클래스로 변환하는 것

    • 메모리상에서 stack에 있는 값을 heap에 전달함.
  • 언박싱 : Wrapper클래스를 기본형데이터타입으로 변환하는 것

    • heap에 있는 값을 stack에 전달함.
  • 예시

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
int num01 = 100;
int num02; //래퍼런스만 준비

Integer inum01 = new Integer(200); //인티져는 객체이기때문에 생성해줘야함
Integer inum02; //래퍼런스만 준비

//JDK1.6이전
inum02 = new Integer(num01); //박싱 : 직접 객체안에 담아야함
num02 = inum01.intValue(); //언박싱

System.out.printf("박싱 : %d, 언박싱 : %d%n", inum02, num02);

//JDK1.6이후
inum02 = num01; //오토박싱
num02 = inum01; //오토언박싱
System.out.printf("박싱 : %d, 언박싱 : %d%n", inum02, num02);

3. inner 클래스

접근제어자(Access Modifier) public

  • 누구나 접근 가능하다
  • public클래스는 main메서드를 포함하고 있는 클래스이다.
  • 하나의 파일에 하나의 public클래스만 있어야한다.

진짜 딱 하나만 사용가능할까?

  • inner 클래스에서 public클래스 추가 생성이 가능하다
1
2
3
4
5
class a{
public class b{ //이너클래스

}
}

4. 클래스명에서 키보드 f3, f4를 누르면

클래스명에서 아래 키보드를 누르면 상속관계(hierarchy)를 확인할 수 있다.

  • f3 : 어떤 클래스나 인터페이스를 상속받는 지 알수있음.
  • f4 : 계층도를 나타냄.

[ITWILL : JSP]Javabean 5 : 관리자만 확인할 수 있는 회원목록페이지만들기

ITWILL학원 : 25강 JSP기초 BY 정규태강사

1. main.jsp에 버튼추가

관리자만 확인할 수 있는 회원목록페이지만들어보자.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<%//1.한글처리, 파라미터 
request.setCharacterEncoding("UTF-8");
String id = (String) session.getAttribute("id");//objectstring으로 다운캐스팅
String name = request.getParameter("name");
//1-1. id없이는 진입불가, id없는 경우 로그인페이지로 이동
if(id == null){
response.sendRedirect("loginForm.jsp");
}
%>
<h2><%=id %>님 환영합니다.</h2>
<%=name %><br>

<input type="button" value="회원정보조회" onclick="location.href='memberinfo.jsp'">
<input type="button" value="회원정보수정" onclick="location.href='updateForm.jsp'">
<input type="button" value="로그아웃" onclick="location.href='logout.jsp'">
<input type="button" value="회원탈퇴" onclick="location.href='deleteForm.jsp'">

<!-- 관리자일때만 메뉴확인가능 -->
<% if(id != null){
if(id.equals("admin")){ %>
<input type="button" value="회원전체목록(관리자용)" onclick="location.href='memberList.jsp'">
<%
}
}
%>

이때 관리자메뉴확인 if조건문을 아래 한줄짜리 코드로 바꿔보자

  • 잘 실행될까?
1
2
3
4
5
6
7
8
<!-- 관리자일때만 메뉴확인가능 -->
<%
if(id.equals("admin") && id != null){
%>
<input type="button" value="회원전체목록(관리자용)" onclick="location.href='memberList.jsp'">
<%
}
%>
  • NOPE : 코드는 왼쪽에서부터 순서대로 실행되기때문

  • 아래코드처럼 순서만 바꾼다면 잘 실행될까?

1
2
3
4
5
6
7
8
<!-- 관리자일때만 메뉴확인가능 -->
<%
if(id != null && id.equals("admin")){
%>
<input type="button" value="회원전체목록(관리자용)" onclick="location.href='memberList.jsp'">
<%
}
%>
  • YES! 이제 잘 실행된다

2. 회원전체페이지 출력하는 memberList.jsp 생성

DB에서 모든 회원의 정보를 가져와서 페이지에 출력한다
이때, 관리자는 목록에 제외되어야한다.

순서

  1. 로그인세션제어(관리자는 제외)
  2. DAO객체생성
  3. 회원목록을 가져오는 메서드 사용
    • ArrayList는 가변배열이므로 length가 없고 size가 존재한다.
    • size()메서드는 배열의 요소의 갯수를 리턴한다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<%
//1. 로그인세션제어(관리자는 제외)
String id = (String) session.getAttribute("id");//다운캐스팅
if(id == null || !id.equals("admin")){ //순서바뀌면 에러발생하므로 항상 null 먼저 비교할 것
response.sendRedirect("loginForm.jsp");
}
//2. DAO객체생성
MemberDAO mdao = new MemberDAO();

//3. 회원목록을 가져오는 메서드 사용
mdao.getMemberList();//아래 4번에서 DAO객체에 만들 메서드
ArrayList memberList = mdao.getMemberList();
%>

<h2>마이페이지</h2>
<table border="1">
<tr>
<td>아이디</td>
<td>비밀번호</td>
<td>이름</td>
<td>나이</td>
<td>성별</td>
<td>이메일</td>
<td>회원가입일</td>
</tr>

<%//반복문
//ArrayList는 가변배열이므로 length가 없고 size가 존재한다.
//size()메서드는 배열의 요소의 갯수를 리턴
for(int i=0;i<memberList.size(); i++){
MemberBean mb = (MemberBean) memberList.get(i);
%>
<tr>
<td><%=mb.getId() %></td>
<td><%=mb.getPw() %></td>
<td><%=mb.getName() %></td>
<td><%=mb.getAge() %></td>
<td><%=mb.getGender() %></td>
<td><%=mb.getEmail() %></td>
<td><%=mb.getReg_date() %></td>
</tr>
<%
}
%>
</table>
%>

3. DAO객체에 getMemberList()메서드 생성

  1. DB연결메서드 불러오기
  2. SQL & pstmt 생성
  3. 실행 -> rs저장
  4. 데이터처리 :
    • 4-1. 회원이 몇명인지 알지 못하므로 가변길이 배열을 생성 : 배열안에 자바빈을 넣어서 가져 갈 예정이다. 근데 데이터갯수를 몰라서 배열을 못만든다. 따라서 데이터형태 ArrayList로 가져갈거다.
      • ArrayList<E> 여기서 e를 제네릭타입이라고 칭함
      • ArrayList<> 다이아몬드 오퍼레이터라고 칭함
      • mb는 MemberBean데이터타입인데 add(Object)가 들어가야한다 따라서 업캐스팅 (MemberBean -> Object)해서 넣어야한다.
      • add(mb)를 빼서 쓸때는 다운캐스팅을 해야지 사용할 수 있다.
    • 4-2. DB테이블 결과 1행의 정보 모두를 MemberBean데이터타입으로 저장
    • 4-3. 1행정보를 배열 한칸에 저장
  5. finally 로 자원해제
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
public ArrayList getMemberList(){

//가변길이 배열 생성
ArrayList memberList = new ArrayList();

try {
//8-1. DB연결메서드 불러오기
con = getCon();
//8-2. SQL & pstmt 생성
sql = "select * from itwill_member";
pstmt = con.prepareStatement(sql);
//8-3. 실행 -> rs저장
rs = pstmt.executeQuery();
//8-4. 데이터처리 :
//8-4-1. DB테이블 결과 1행의 정보 모두를 MemberBean데이터타입으로 저장
//8-4-2. 1행정보를 배열 한칸에 저장
while(rs.next()){
MemberBean mb = new MemberBean();//1.MemberBean객체생성
mb.setAge(rs.getInt("age"));
mb.setEmail(rs.getString("email"));
mb.setId(rs.getString("id"));
mb.setName(rs.getString("name"));
mb.setPw(rs.getString("pw"));
mb.setReg_date(rs.getTimestamp("reg_date"));
//여기까지가 한 행의 데이터를 변수mb에 저장한 것임. while로 모든 행을 반복해서 변수mb에 저장

//가변배열(ArrayList)에 위의 데이터mb를 저장
//즉 배열 한 칸에 회원 1명의 정보를 저장함.
memberList.add(mb); //업캐스팅 (MemberBean -> Object)
//System.out.println(memberList); 배열한 칸에 잘 들어갔는지 콘솔로 확인
}

System.out.println("정보검색완료");
//System.out.println(memberList);

} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} finally {
closeDB();
}
return memberList;
}

[ITWILL : JSP]커넥션풀(Connection Pool)

ITWILL학원 : 25강 JSP기초 BY 정규태강사

1. JNDI(Java Naming and Directory Interface)(p444~)

  • 필요한 데이터를 키-값 쌍으로 저장해서 필요시마다 키를 사용하여 값을 가져오는 방법

  • 예시 :

    • 내장객체.setAttribute(“키”, 값);
    • 내장객체.getAttribute(“키”);
    • 컬렉션의 해시맵/해시테이블 (“키”, 값);
    • DNS서버(도메인서버) : 도메인네임에 해당하는 ID정보를 저장해서 사용
  • 사용법

    • 컨테이너(예:톰캣)를 사용하여 Connection Pool생성하여 그 안에 이름에 해당하는 정보를 저장(=키), 해당하는 DB정보를 저장(=값)해서 사용.
  • 그렇다면 커넥션풀이 뭘까?

2. 커넥션풀(Connection Pool)

  • DB연결을 하기위한 객체

  • 효율적인 데이터 처리 가능

  • 도입된 배경 : 빈번한 디비연결/호출로 인해서 메모리낭비(누수)발생을 줄이고자 도입되었다.

  • 사용법 :

    • 미리 연결정보(Connection)를 생성
    • 필요할때마다 빌려주고
    • 다 쓰면 반납하는 방식
  • 작동방식 :

    1. 사용자 요청(Service)에 따른 Connection Pool에 쓸 쑤 있는 connection체크 후 connection 1개씩 할당 -> 있으면 바로 사용, 없으면 대기(반납되기를 기다리기)거나 임시객체를 생성
    2. 커넥션(연결정보)개수를 제한(커넥션풀이 알아서 효율적으로 관리함)
    3. 커넥션 객체를 다 쓰게되면 자원회수

https://linked2ev.github.io/spring/2019/08/14/Spring-3-%EC%BB%A4%EB%84%A5%EC%85%98-%ED%92%80%EC%9D%B4%EB%9E%80/

2-1. 라이브러리 다운로드

커넥션풀을 사용하기 위해선 라이브러리를 다운받아야 한다.

  1. 라이브러리 다운로드 주소 : Apache Commons

  2. zip파일 다운로드 3가지

    • collections
    • dbcp
    • pool

위의 세가지를 차례대로 다운받으면 된다.
먼저 collections zip파일다운로드

그다음 dbcp zip파일다운로드

마지막 pool zip파일다운로드


  1. 압축 푼 뒤 D:\workspace_jsp7\JSP7\WebContent\WEB-INF\lib경로에 아래 세가지 파일을 복붙
    • commons-collections4-4.4.jar
    • commons-dbcp2-2.7.0.jar
    • commons-pool2-2.8.0.jar

2-2. 라이브러리를 서버에 연결

  1. META-INF폴더에 Context.xml 생성
  • DB연결에 필요한 정보를 저장할 수 있다.
  1. 속성작성
  • name : 외부에서 해당정보에 접근할 수 있도록하는 이름값(필요에 따라 변경가능)
  • auth : 자원관리자를 지정(Container/Application 고정)
  • type : 웹에서 사용될때(name속성으로 호출할때) 표시되는 객체 타입(고정)
  • driverClassName : JDBC드라이버주소(필요에 따라 변경가능)
    • mysql쓴다면 : com.mysql.jdbc.Driver
    • 오라클쓴다면 : oracle.jdbc.driver.OracleDriver
  • url : DB가 존재하는 위치 = 디비서버의 주소(필요에 따라 변경가능)
    • mysql쓴다면 : jdbc:mysql://localhost:3306/jspdb
    • 오라클쓴다면 : jdbc:oracle:thin:@localhost:1521:orcl
  • username/password : DB접속 계정 정보
  • maxWait : 커넥션풀에 사용가능한 커넥션이 없을 경우 커넥션의 회수를 기다리는 시간 지정(단위: 밀리초)
1
2
3
4
5
6
7
8
9
10
11
<Context>
<Resource
name="jdbc/mysqlDB"
auth="Container"
type="javax.sql.DataSource" //DataSource라는 객체가 DB정보를 저장
driverClassName="com.mysql.jdbc.Driver" //DataSource객체에 들어있는 정보
url="jdbc:mysql://localhost:3306/jspdb" //DataSource객체에 들어있는 정보
username="root" //DataSource객체에 들어있는 정보
password="1234" //DataSource객체에 들어있는 정보
/>
</Context>

2-3. JNDI 리소스 설정

  • web.xml파일에서 아래 코드 작성
    • description : 설명작성(의미없음, 원하는대로 작성하면됨)
    • 나머지정보들은 Context.xml파일에서 해당 설정값을 그대로 복붙할 것!
1
2
3
4
5
6
<resource-ref>
<description>ConnectDB</description>
<res-ref-name>jdbc/mysqlDB</res-ref-name>
<res-type>javax.sql.DataSource</res-type>
<res-auth>Container</res-auth>
</resource-ref>
  • 작동방식 : 서버를 실행하면 web.xml 먼저 접속 후 resource-ref코드를 보고 Context.xml을 읽어서 DB를 연결한다.

2-4. getCon()메서드 작성 : 커넥션풀 사용

memberDAO.java파일로 이동해서 getCon()메서드를 커넥션풀을 사용한 아래 코드로 변경해준다.

  • InitialContext클래스는 Context클래스를 재구현한 클래스이고 Object를 상속받았다

    1
    2
    3
    public class InitialContext
    extends Object
    implements Context
  • DataSource ds = (DataSource) init.lookup(“java:comp/env/jdbc/context파일의 name값그대로 입력”);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//드라이버로드 디비연결 : 커넥션 풀 사용
private Connection getCon(){

//Context 객체 생성
try {
Context init = new InitialContext(); //업캐스팅

//디비연결정보를 불러오기 ->DataSource 타입으로 저장
// 고정문구"java:comp/env/jdbc/다른문구context파일의 name값입력"
DataSource ds = (DataSource) init.lookup("java:comp/env/jdbc/mysqlDB");

//ds 사용해서 연결
con = ds.getConnection();
System.out.println("연결성공" + con);
} catch (SQLException e) {
e.printStackTrace();
} catch (NamingException e) {
e.printStackTrace();
}
return con;
}