https://spring.io/

projects - > overview -> Spring Boot Tools 4 Eclipse 다운

spring-tool-suite-4-4.18.0.RELEASE-e4.27.0-win32.win32.x86_64.self-extracting 압축풀기

spring-tool-suite-4-4.18.0.RELEASE-e4.27.0-win32.win32.x86_64.self-extracting 폴더안에

contents 압축풀기

실행 후

project 생성은 여기서

https://start.spring.io/

Dependencies ADD - > spring web, Thymeleaf 추가

생성하고

해당파일 위치로 이동

import projects - > gradle -> existing gradle project

project root 설정 하고 finish

window - preferences - > UTF-8

1. 일반적인 웹 애플리케이션 계층 구조

• 컨트롤러 : 웹 MVC의 컨트롤러 역할
• 서비스 : 핵심 비지니스 로직 구현
• 레파지토리 : 데이터베이스에 접근, 도에인 객체를

      DB에 저장하고 관리

• 도메인 : 비지니스 도메인 객체

2. MemberController

• 생성자에 @Autowired가 있으면 스프링이 연관된 객체를 스프링 컨테이너에서 찾아서 넣어준다. 이렇게 객체 의존관계를 외부에서 넣어주는 것을 DI(Dependency Injection), 의존성 주입이라 한다.
• 이전에는 개발자가 직접 주입했고, 여기서는 @Autowired에 의해 스프링이 주입해준다.

3. 제어역전

• IoC, Inversion of Control
• 개발자가 프레임워크의 기능을 호출하는 형태가 아니라 프레임워크가 개발자의 코드를 호출하기 때문에, 개발자는 전체를 직접 구현하지 않고 자신의 코드를 부분적으로 "끼워넣기"하는 형태로 구현할 수 있다.
• 프레임워크가 객체의 생성, 소멸과 같은 라이프 사이클을 관리하며 스프링으로부터 필요한 객체를 얻어올 수도 있다.
• 객체의 의존성을 역전시켜 객체 간의 결합도를 줄이고 유연한 코드를 작성할 수 있게 하여 가독성 및 코드 중복, 유지보수를 편하게 할 수 있게 한다.

4. Spring Container

• 스프링 컨테이너는 자바 객체의 생명 주기를 관리하며, 생성된 자바 객체들에게 추가적인 기능을 제공하는 역할을 합니다. 여기서 맒하는 자바 객체를 스프링에서는 빈(Bean)이라고 부른다.
• 개발자는 객체를 생성하고 소멸할 수 있는데, 스프링 컨테이너가 이 역할을 대신해준다. 즉, 제어의 흐름을 외부에서 관리한다.
• 또한, 객체들 간의 의존 관계를 스프링 컨테이너가 런타임 과정에서 알아서 만들어 준다.
• 스프링은 실행시 객체들을 담고있는 Container 가 있다.

5. @Autowired

• 필요한 의존 객체의 "타입"에 해당하는 빈을 찾아 주입한다. 기본값이 true이기 때문에 의존성 주입을 할 대상을 찾지 못한다면 애플리케이션 구동에 실패한다.

6. POJO

• Plain Old Java Object, 단순한 자바 오브젝트
• 객체 지향적인 원리에 충실하면서 환경과 기술에 종속되지 않고 필요에 따라 재활용될 수 있는 방식으로 설계된 오브젝트를 말한다.

7. 컴퍼넌트 스캔의 대상

• component scan의 대상은 main메서드가 있는 class의 동일 패키지 또는 하위 패키지만 Spring이 scan을 하는 대상이 된다.

8. DI 3가지 방법

• Field Injection(필드 주입)
• Setter Injection(수정자 주입)
• Constructor Injection(생성자 주입)

9. SOLID

• 클린코드로 유명한 로버트 마틴이 좋은 객체 지향 설계의 5가지 원칙을 정리
• SRP : 단일 책임 원칙 (Single responsibility principle)
• OCP : 개방-폐쇄 원칙 (Open-closed principle)
• LSP : 리스코프 치환 원칙 (Liskov substitution principle)
• ISP : 인터페이스 분리 원칙 (Interface segregation principle)
• DIP : 의존관계 역전 원칙 (Dependency inversion principle)

9-1. 단일 책임 원칙

• 한 클래스는 하나의 책임만 가져야 한다.
• 하나의 책임이라는 것은 모호하다.
• 클 수 있고, 작을 수 있다.
• 기준은 변경이다. 변경이 있을 때 파급효과가 적으면 단일 책임 원칙을 자 따른 것

9-2. 개방-폐쇄 원칙

• 확장에는 열려있고, 수정, 변경에는 닫혀있다.

9-3. 리스코프 치환 원칙

• 프로그램의 객체는 프로그램의 정확성을 깨뜨리지 않으면서 하위 타입의 인스턴스로 바꿀 수 있어야 한다.
• 다형성에서 하위 클래스는 인터페이스 규약을 다 지켜야 한다는 것, 인터페이스를 구현한 구현체를 믿고 사용하려면, 이 원칙이 필요하다.
• 단순히 컴파일에 성공하는 것을 넘엇어는 이야기

9-4. 인터페이스 분리 원칙

• 특정 클라이언트를 위한 인터페이스 여러 개가 범용 인터페이스 하나보다 낫다.
• 자동차 인터페이스 -> 운전 인터페이스, 정비 인터페이스
• 인터페이스를 분리하면 정비 인터페이스 자체가 변해도, 운전 인터페이스는 영향을 주지 않는다.
• 인터페이스가 명확해지고, 대체 가능성이 높아진다.

9-5. DIP 의존관계 역전 원칙

• 프로그래머는 추상황에 의존해야지, 구체화에 의존하면 안된단. 의존성 쥡은 이 원칙을 따르는 방법 중 하나다.
• 쉽게 이야기 해서 구현 클래스에 의존하지 말고, 인터페이스에 의존하라는 뜻

10. JPA

• JPA는 기존의 반복 코드는 물론이고, 기본적인 SQL도 JPA가 직접 만들어서 실행해준다.
• JPA를 사용하면, SQL과 데이터 중심의 설계에서 객체 중심의 설계로 패러다임을 전화할 수 있다.
• JPA를 사용하면 개발 생산성을 크게 높일 수 있다.

• '뼈대나 근간'을 이루는 코드들의 묶음
• 프로그램의 기본 흐름이나 구조를 정하고, 이 구조에 자신의 코드를 추가하는 방식으로 개발할 수 있도록 하는 프로그래밍의 기본 틀을 의미
• 개발에 필요한 구조가 제공되고, 여기에 필요한 부분을 조립하는 형태로 개발이 진행된다.

2. 라이브러리

• 자주 사용되는 로직을 재사용하기 편리하도록 잘 정리한 일련의 코드들의 집합

3. Framework vs 라이브러리

• 프레임워크는 자동자의 프레임, 즉 기본적으로 구성하고 있는 뼈대를 말한다.
• 라이브러리는 자동차의 기능을 하는 부품을 의미한다.
• 한 번 정해진 자동차의 프레임은 바꿀 수 없다.
• 소형차를 민들기 위해 뼈대를 사용하는데, 이 뼈대로 SUV를 만들수 없다.(Framework)
• 그러나 바퀴나, 선루프, 헤드라이트 등은 비교적 다른 종류로 쉽게 바뀔 수 있다. (라이브러리)

4. Spring 이란?

• 스프링 프레임워크는 자바 플랫폼을 위한 오픈소스 애플리케이션 프레임워크로서 간단히 스프링이라고도 불린다.
• 동적인 웹 사이트를 개발하기 위한 여러 가지 서비스를 제공하고 있다.

5. 스프링 프로젝트 생성

• https://start.spring.io/

5-1. Project

• 빌드 툴 : 프로젝트에 필요한 의존성을 관리하는 툴, 과거에는 Maven을, 최근에는 Gradle추세이다.
• Maven
• Gradle

6. 스프링 시작점

• @SpringBootApplication : 스프링 부트의 자동 설정 읽기와 생성이 모두 자동으로 설정된다.

7. Spring MVC

• @Controller : 해당 url mapping을 찾는
• @GetMapping : url get방식 요청 매핑
• 컨트롤러에서 리턴 값으로 문자를 반환하면 resources/templates/ + {viewName} + .html -> 뷰리졸버(viewResolver)

8. DispatcherServlet

• 스프링 MVC도 프론트 컨트롤러 패턴으로 구현되어 있다.
• 스프링 MVC의 프론트 컨트롤러가 바로 디스패처 서블릿이다.
• DispatcherServlet -> FrameworkServlet -> HttpServletBean -> HttpServlet

9. ViewResolver

• 실행할 뷰를 찾는 일을 한다.
• 페이지 컨트롤러가 리턴한 뷰 이름에 해당하는 뷰 객체를 매핑하는 역할

10. Model

• Controller에서의 데이터를 Model에 담는다. View는 Model에 담겨있는 데이터만 쏙쏙 골라서 화면에 바인딩해준다.
• HashMap의 형태를 갖고있고, key와 value값을 저장한다.
• servlet에서 request.setAttribute()와 비슷한 역할을 한다.

11. ModelAndView

• model에서 view영역이 좀 더 확장
• Model과 View를 동시에 설정이 가능하려면 컨트롤러는 ModelAndView객체만 리턴하지만 Model과 View가 모두 리턴 가능
• addObject(key, value);

• 프론트컨트롤러가 도입된 이후부터는 공통의 로직을 관리하는 서블릿을 만들어 처리하도록 했다.
• 프론트 컨트롤러 서블릿 하나로 클라이언트의 요청을 받는다.
• 프론트 컨트롤러가 클라이언트의 요청에 맞는 컨트롤러를 찾아 호출해준다.
• 컨트롤러에 대한 공통 로직에 처리가 가능하다.
• 프로트 컨트롤러를 제외한 나머지 컨트롤러는 서블릿을 사용하지 않아도 된다.

2. 상대경로, 절대경로
   • ${pageContext.request.contextPath} : 프로젝트 경로
   • http://localhost:8080/mvcMain/write.do -> /mvcMain

1-1. el의 데이터 저장소

• 각 객체에 동일한 변수가 있을시 EL로 출력하면 아래 순서대로 출력된다. page > request > session > application

  • page scope : 하나의 JSP 페이지에서만 사용
  • request scope : 하나의 요청(request)에서만 사용할 수 있는 영역
  • session scope : 하나의 웹 브라우저에서 사용할 수 있는 영역
  • application scope : 웹 어플리케이션 영역

2. jstl

• JSP Standard Tab Library
• 연산이나 조건문, 반복문을 편하게 처리할 수 있으며, JSP 페이지 내에서 자바코드를 사용하지 않고도 로직을 구현할 수 있도록 효율적인 방법을 제공한다.

2-1. jstl core 태그

• <c:set/> : 변수를 만들때 사용

• <c:out> : 값을 출력할때사용 ( <-- 보단 EL문을 좀 더 많이 쓴다)
• <c:choose> : 조건 제어 (swith) 내부에 c:when, c:otherwise만 있어야한다.
• <c:when> : 조건 제어(case문)
• <c:otherwise> : 조건 제어(default)
  • <c:forEach> : 반복제어 (for문)

1-1. MyBatis

• 객체 지향 언어인 자바의 관계형 데이터베이스 프로그래밍을 좀 더 쉽게 할 수 있게 도와 주는 개발 프레임워크로서 JDBC를 통해 데이터베이스에 엑세스하는 작업을 캡슐화하고 일반 SQL쿼리, 저장 프로시저 및 고급 매핑을 지원하며 모든 JDBC 코드 및 매개 변수의 중복작업을 제거 한다.
• MyBatis 에서는 프로그램에 있는 SQL쿼리들을 한 구성파일에 구성하여 프로그램 코드와 SQL을 분리할 수 있는 장점을 가지고 있다.
• MyBatis는 기존 JDBC 방식과 달리 SQL문을 XML 파일에 작성함으로써 코드가 줄어들고 SQL문만 따로 관리하기 때문에 수정이 편해진다.
• DBCP을 사용하기 때문에 JDBC만 사용하는 것보다 작업 효율과 가독성이 좋다.

1-2. 결과 값

• select -> select 문에 해당하는 결과

• insert -> 1(다중 insert문도 마찬가지)
• update -> update된 행의 갯수 반환(없으면 0)
• delete -> delete된 행의 갯수 반환(없으면 0)

2. EL문과 JSTL

• JSP페이지 내에 자바코드와 HTML코드가 섞여 있으면 가독성이 떨어진다. EL문와 JSTL문을 사용하면 HTML과 같은 태그로만 구성된 일관된 소스코드를 볼 수 있다는 장점이 있다.

  2-1. EL

  • Expression Language
  • 값을 간결하고 간편하게 출력할 수 있도록 해주는 언어
  • <%= %>, out.println() 과 같을 자바코드를 더 이상 사용하지 않고 좀더 간편하게 출력을 지원하기 위한 도구.
  • EL 구문 : ${....}

2-2. 저장범위

• 값을 찾을때는 작은 scope에서 큰 scope으로 찾습니다.
• page > request > session > application

2-3. EL 표현식

• pageContext : JSP내장객체의 pageContext
• pageScope
• requestScope
• sessionScope
• applicationScope
• param
• paramValues : 같은 이름으로 전달된 질의 문자열의 이름과

  값들을 저장하고 있는 map객체

• header
• headerValue
• cookie
• initParam

2-4. EL연산자

• 산술연산자 : +, -, *, /(div), %(mode)
  • 논리연산자 : &&(and), ||(or), !(not)
• 비교연산자 : ==(eq), !=(ne), <(lt), >(gt), <=(le), >=(ge)
• empty연산자 : 값이 null 이거나 공백문자인지를 판단하는 연산자 ${empty ""} -> true ${empty null} -> true ${empty data} -> 값이 없으면 true, 값이 있으면 data

2-5. 예

• request.setAttribute("cnt", 30); -> request.getAttribute("cnt"); -> ${cnt}

• List list = new ArrayList<>{"1", "test", >...}; request.setAttribute("list", list); -> ((List)request.getAttribue("list")).get(0) -> ${list[0]}

• DataBase Connection Pool

• 데이터베이스와 연결된 커넥션을 미리 만들어서 저장해두고 있다가 필요할 때 저장된 공간(pool) 에서 가져다 쓰고 반환하는 기법을 말한다.

• 커넥션 풀은 이용하면 커넥션을 미리 만들어 두고 사용하기 때문에 매번 사용자가 요청할 경우 드라이버를 로드하고, 커넥션 객체를 생성해 연결하고 졸효나는 비효율적인 작업을 하지 않아도 된다.

• 즉 데이터베이스의 부하를 줄일 수 있고 자원을 효율적으로 관리할 수 있다.

  

2. JNDI (Java Naming and Directory Interface)

• 디렉토리 서비스에서 제공하는 데이터 및 객체를 발견하고 참고하기 위한 자바 API.
• 외부(WAS)에 있는 객체를 가져오기 위한 기술 방법
• DB Pool을 미리 Naming시켜두는 방법 (DB 연결 방법중 하나)
• 우리가 저장해 놓은 WAS의 데이터베이스 정보에 JNDI를 성정해 놓으면, 웹 어플리케이션은 JNDI만 호출하면 간단하다.

2-1. 사용하는이유

• 개발을 한 사람과 실제 서비스를 운영하는 담당자는 다른경우가 많기 때문에, 소스레벨에서 설정되어 있는 것보다 WAS에서 설정되어 있는 것을 선호한다.
• WAS에 여러개의 웹 어플리케이션을 올려서 사용하기 때문에 WAS에서 한 번에 설정해 주는 것이 자원 낭비를 줄일 수 있습니다.
• 또한 장애가 나거나 성능이 정상적이지 못하면 다른 한 서버가 대신 일을 해줄 수 있습니다.
• 정리하자면 운영, 관리, 최적화 문제 대처에 다양한 이점이 있기 때문에 JNDI를 사용한다.

• 비동기적 통신
• 빠르게 동작하는 웹페이지를 만들기 위한 개발 기법
• Ajax는웹 페이지 전체를 다시 로딩하지 않고도, 웹페이지으 일부분만을 갱신할 수 있고, 백그라운드 영역에서 서버와 통신하여 그 결과를 웹 페이지의 일부분에만 표시할 수 있다.
• 이 때 서버와 데이터를 주고 받을 수 있는데 대표적인 데이터는 JSON, XML,HTML, 텍스트 파일 등이 있다.

1-1. Ajax 장점

• 웹 페이지 전체를 다시 로딩하지 않고도 웹 페이지 일부분만 갱신할 수 있다.
• 웹 페이지가 로드된 후에 서버로 데이터 요청을 보내거나 받을 수 있다.
• 다양한 UI동적 페이지 구현이 가능해진다.

1-2. Ajax단점

• 페이지의 이동이 없기때문에 히스토리의 관리가 안된다.
• 반복적인 데이터 요청이 있으면 느려지거나 작동하지 않게된다.

1-3. Ajax의 구성 요소

• 웹 페이지의 표현을 위한 HTML과 CSS
• 데이터의 교환을 위한 JSON, XML
• 웹 서버와의 비동기식 통신을 위한 XMLHttpRequest 객체(브라우저에 내장)

1-4. 서버에 요청하기(request)

• XMLHttpRequest 객체 : 가장 핵심적인 구성요소 웹 브라우저가 서버와 데이터를 교환할 때 사용한다.

• open() : 서버로 보낼 ajax요성의 형식을 설정 opne(전달방식, url 주소, 동기여부)

• send() : 작성된 ajax요청을 서로 전달

1-5. 서버로부터 응답(response)

• readyState 프로퍼티

• status 프로퍼티

• onreadystatechange 프로퍼티

• readyState는 XMLHttpRequest 객체의 현재 상태를 나타낸다. -> UNSENT(숫자0) : XMLHttpRequest 객체가 생성 -> OPENED(숫자1) : open() 메소드가 성공적으로 실행됨 -> HEADERS_REVEIVED(숫자2) : 모든 요청에 대한 응답이 도착함 -> LOADING(숫자3) : 요청한 데이터를 처리 중임 -> DONE(숫자4) : 요청한 데이터의 처리가 완료되어 응답할 준비가 완료됨

  • status : 서버의 문서상태를 나타낸다.(HTTP상태코드)
  • onreadystatechange : XMLHttpRequest객체의 readyState 프로퍼티 값이 변할 때마다 자동으로 호출되는 함수를 설정

• sqlplus system/1234

• create user [id] identified by [pw]; ex: create user jsp identified by jsp;

• grant connect, resource to [id]; ex: grant connect, resource to jsp;

2. ojdbc란

2-1. jdbc란

• Java DataBase Connectivity
• 자바에서 데이터베이스에 접속/관리할 수 있게 해주는 드라이버(API)
• 자바로 작성된 프로그램으로 DB와 관련된 작업을 처리할 수 있도록 제공되는 기능(코드)들을 모아놓은 것

2-2. ojdbc란

• Oracle jdbc
• 오라클에서 제공하는 오라클 DB를 관리할 수 있도록 도와주는 JDBC이다.

3. executeUpdate()

• 수행결과로 int 타입을 반환한다.
• select 구문을 제외한 다른 구문을 수행할 때 사용된다.
• insert / delete / update 관련 구문에서는 반영된 레코드의 건수를 반환한다.

4. resultset

• select 쿼리 실행 시 executeQuery() 메서드를 사용하여, 실행 결과로 java.sql.ResultSet 형으로 리턴
• ResultSet 메서드 -> next() -> getInt(int columnIndex) : columnIndex 번째 컬럼의 값을 가지고 온다. -> getString(String columnName) : columnName값을 가지고 온다

![](https://velog.velcdn.com/images/lee_ari615/post/23410d55-33b9-4677-855c-904f8c23b3ca/image.PNG)

5. 자바빈즈

• JSP의 표준 액션 태그를 통해 접근할 수 있는 자바 클래스로서 멤버변수(필드)와 setter, getter 메소드로 이루어져있다.

• 자바빈즈 태그

• MemberBean -> 객체 생성 java : MemberBean member = new MemeberBean(); jsp : <jsp:userBean class="패키지명.MemberBean" id="member">

  -> setter() java : member.setName("자바학생"); jsp : <jsp:setProperty name="member" property="name" value="자바학생"/>

  -> getter() java : member.getName(); jsp : <jsp:getPropery name="member" property="name" />

1-1. 사용 메서드

• setAttribute(String name, Object Value) <- 많이사용
• getAttribute(String name) <- 많이사용
• removeAttribute(String name)
• getAttributeNames()

2. MVC패턴 2-1. MVC패턴이란

   • M : Model -> 사용자가 원하는 데이터나 정보를 제공 (db) -> 애플리케이션의 정보, 데이터를 나타낸다. -> 이러한 data 정보들의 가공을 책임지는 컴포넌트를 말한다.

   • V : View -> 보여지는 화면( jsp, html) -> input 텍스트, 체크박스 항목 등과 같은 사용자 인터페이스 요소를 나타낸다. -> 다시 말해 데이터 및 객체의 입력, 그리고 보여주는 출력을 담당합니다. -> 데이터를 기반으로 사용자들이 볼 수 있는 화면이다.

   • C : Controller -> 사용자의 요청을 처리하고, 그 요청에 따른 전체 적인 흐름을 제어(java.jsp) -> 데이터와 사용자 인터페이스 요소들을 잇는 다리역활을 한다.

2-2. MVC1 패턴

• MVC1 패턴의 경우 View와 Controller를 모두 JSP가 담당하는 형태를 가집니다. 즉 JSP하나로 유저의 요청을 받고 응답을 처리하므로 구현 난이도는 쉽다.
• 단순한 프로젝트에는 괜찮겠지만 내용이 복잡하고 거대해질수록 이 패턴은 힘을 잃습니다. 즉, 유지보수에 있어서 문제가 발생한다.

2-3. MVC2패턴

• MVC2패턴은 널리 표준으로 사용되는 패턴이다.
• 요청을 하나의 컨트롤러(servlet)가 먼저 받는다. 즉 MVC1 과는 다르게 Controller와 view 가 분리되어 있습니다.
• 따라서 역활이 분리되어 MVC1패턴에서의 단점을 보완할 수 있다.
• M,V,C중에서 수정해야 할 부분이 있다면, 그것만 꺼내어 수정하면 된다. 따라서 유지보수에 있어서도 큰 이점을 가진다.

3. DTO( Data Transfer Object) / VO (Value Object)
   • 양쪽으로 전송되어 오고가는 데이터들을 담는 객체, jsp에서는 bean 이라고 부른다. 여러 데이터들을 포장해서 만든 데이터 포장 객체
   • 사용자가 입력한 값은 객체 형태로 받을 수 있게 클래스 구성
   • 폼에서 입력된 데이터들은 하나의 DTO객체로 변환가능
   • 하나의 데이터 베이스 레코드를 저장하여 레코드와 같은 구조를 가짐
   • 레코드가 50개면 DOT객체도 50개
   • 한 개의 레코드는 빈즈 클래스 객체 하나로 매핑
   • 데이터가 포함된 객체를 한 시스템에서 다른 시스템으로 전달하는 작업을 처리하는 객체

4.DAO(Data Access Object)

• 데이터에 접근, 데이터를 관리하기 위한 객체, 데이터를 관리(추가, 수정, 삭제, 읽기)하는 여러 메소드들이 정의되어 있다.
• insert, delete, update, select등 레코드 처리를 주 목적으로 한다.
  • DTO 객체를 데이터베이스 서버에 저장
• 데이터베이스 서버로부터 레코드를 selsect 한 후 , DTO 객체로 변경해 가져옴
• SQL 을 직접 실행하는 기능을 가짐
• JSP에서 데이터 베이스 접속 로직을 Beans로 작성하여 DB정보 변경시 수비게 변경사항을 구현할 수 있음
• 데이터 접근을 목적으로 하는 객체
• 커넥션 같은 것을 하나만 두고 여러 사용자가 DAO의 인터페이스를 사용하여 필요한 자료에 접근하도록 하는것
• DB를 사용해 데이터를 조회하거나 조작하는 기능을 전담하도록 만든 오브젝트

1-1. 액션 태그란 ?

• jsp 페이지에서 동이한 내용이라도 자바 코드를 기술하기 보다는 태그를 기술하는 것이 지저분하지 않고 깔끔하게 코딩할 수 있어 가독성 높은 소스코드를 작성할 수 있따. 코드 양을 대폭 줄일 수 있다.

• 페이지와 페이지 사이를 제어하거나 다른 페이지의 실행 결과 내용을 현재 페이지에 포함하거나 자바 빈즈(객체)등의 다양한 기능을 제공한다.

• 액션태그는 XML 문법을 따른다. 즉 시작 태그와 함께 반드시 종료태그를 포함해야 한다.

• 액션 태그의 기본형식 : <jsp : ... 속성:값> 내용 </jsp:....>

• 내용이 없는 액션 태그의 형식 : <jsp : ... 속성:값/>

1-2. 액션 태그

 - forward(<jsp:forward/>)
    -> 다른 페이지로의 이동, 페이지 흐름 제어
 - include(<jsp:include/>)
    -> 외부 페이지의 내용을 포함하거나 페이지 모듈화
 - param(<jsp:param/>)
    -> 현재 페이지에서 다른 페이지에 대한 정보를 전달할 때 사용
 - useBean(<jsp:useBean/>
    -> 빈(bean)을 생성하고 사용하기 위한 환경을 정의하는
    액션태그
 - setProjperty(<jsp:setPreperty />)
    -> 빈에서 속성값을 할당
 - getProperty(<jsp:getProperty />)
    -> 빈에서 속성 값을 얻어올 때 사용

2. 페이지 이동

2-1. forward

• request 에 담긴 값이 유효한다. (response, request가 유지된다.)
• 이동된 url이 화면에 안보인다.(사용자는 이동했는지 알 수 없음)
• forward 방식 pageContext.forward("이동할페이지"); <jsp:forward page="이동할페이지"/>

2-2. redirect

• 클라이언트가 새로 페이지를 요청한 것과 같은 방식으로 페이지가 이동됨
• request, response가 유지되지 않는다.(새로 만들어짐)
• 이동된 url이 화면에 보인다.
• 리다이렉트 하는 방법 response.sendRedirect("이동할페이지");

1-1. session이란

• 하나의 웹 브라우저의 정보를 유지하기 위한 세션 정보를 저장 (브라우저 종료 시 종료, 클라이언트 로그인 정보)
• 내장객체로서 브라우저마다 한 개씩 존재하고, 고유한 sessionID 생성 후 정보를 추출한다.
• 장점 -> 서버에서 접근할 수 있기 때문에 보안성이 좋고, 저장 용량의 한계가 거의 없다.
• 단점 -> 서버에 데이터를 저장하므로 서버에 부하가 걸릴 수 있다.

1-2. session 사용하기

    session.setAttribute("설정이름", 값);

  * 세션유지시간 설정하기(초 단위)
    // 60분동안 저장
    session.setMaxInactiveInterval(60*60);
    // 무한대로 설정
    session.setMaxInactiveInterval(-1);

  * 세션에 저장된 값 가져오기
    session.getAttribute("설정이름");

  * 세션삭제
    session.removeAttribute("설정이름");
    // 세션 전체 제거
    session.invalidate();

2. 쿠키(cookie)

2-1. 쿠키란

• 웹 브라우저가 보관하고 있는 데이터로, 웹 서버에 요청을 보낼 때 쿠키를 헤더에 담아서 전송한다.

2-2. 장점

• 클라이언트의 일정 폴더에 정보를 저장하기 때문에 서버의 부하를 줄일 수 있다.

2-3. 단점

• 정보가 사용자 컴퓨터에 저장되기 때문에 보안에 위협을 받을 수 있다.
• 데이터 저장 용량에 제한이 있다.
• 과자 브스러기처럼 작은 값을 저장할 수 있다.
• 일반 사용자가 브라우저 내의 기능인 "쿠키차단" 을 사용하면 무용지물

3. 쿠키 vs 세션

• 쿠키 -> 클라이언트(=접속자PC)에 저장 -> 저장형식 : text -> 만료시점 : 쿠키 저장시 설정 -> 사용자원 : 클라이언트 리소스 -> 용량제한 : 총 300개 -> 속도 : 세션보다는 빠름 -> 보안 : 세션보다는 안좋음

• 세션 -> 웹서버에 저장 -> 저장형식 : Object -> 만료시점 : 브라우저 종료시 삭제 -> 사용자원 : 웹 서버 리소스 -> 용량제한 : 서버가 허용하는 용량제한 -> 속도 : 쿠키보다는 느림 -> 보안 : 쿠키보다 좋음

4. JSP

4-1. JSP란?

• JavaServer Pages
• HTML코드에 Java코드를 넣어 동적 웹페이지를 생성하는 웹어플리케이션 도구이다.
• HTML + java
• HTML을 중심으로 JAVA와 연동하여 사용하는 웹언어다.
• JSP가 실행되면 자바 서블릿(servlet)으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고, 그렇게 생성된 데이터를 웹페이지와 함께 클라이언로 응답하게된다.

4-2. 스크립트 태그

  수행할 기능을 구현할 수 있다.
  - 선언문(declaration)
    -> 자바 변수나 메소드를 정의하는데 
    사용하는 태그
    <%!  ...  %>
  - 스크립틀릿(scriptlet)
    -> 자바 변수선언 및 자바 로직코드를
    작성하는데 사용되는 태그
    <%  ... %>
  - 표현문(expression)
    -> 변수, 계산식, 메소드호출 결과를
    나타내는 태그
    <%= ... %>
  - 지시자
    -> 페이지 속성 지정
    <%@  %>
  - 주석
    <%-- ..... --%>

4-3. JSP 내장 객체

• JSP 내장 객체
• JSP 페이지 내에서 제공되는 특수한 클래스 형의 객체
• 내장객체는 선언과 할당 없이 사용할 수 있다.

4-4. JSP 내장객체 종류

• request : 웹 브라우저의 요청 정보를 저장하고 있는 객체
• response : 웹 브라우저의 요청에 대한 응답 정보를 저장하고 있는 객체
• out : JSP 페이지에 출력할 내용을 가지고 있는 출력 스트림 객체이다.
• session : 하나의 웹 브라우저의 정보를 유지하기 위한 세션 정보를 저장하고 있는 객체
• application
• pageContext
• page
• config
• exception

4-5. 디렉티브 태그

• <%@ include file="파일명" %>
• 현재 jsp페이지의 특정 영역에 외부 파일의 내용을 포함 시키는 태그이다. 보통 header와 footer는 대부분의 페이지에 동일한 내용으로 작성되기 때문에 유지보수 및 편의를 위해서 외부 파일로 만든 후 incliude 하여 사용한다.

1-1. GET 방식

• 서블릿에 데이터를 전송할 때 데이터가 URL뒤에 name=value 형태로 전송
• 보안에 취약
• 전송 가능 데이터 최대 255자
• 기본 전송 방식으로 사용이 쉬움
• 웹 브라우저에서 직접 입력하여 전송 가능
• 여러 개의 데이터를 전송할 때 '&'로 구분해서 전송
• doGet()

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
        <!-- get 방식 : ...../url?parm1=value  -->
        <form action="usercount">            <------ 여기 주목 
            <div>
                    <label>"안녕하세요" 를 몇번 듣고 싶으세요?</label>
            </div>
            <div>
                <input type="text" name="cnt">
                <input type="submit" value="출력">
            </div>
        </form>
</body>
</html>

## 1-2. POST 방식
 - 서블릿에 데이터를 전송할때 TCP/IP 프로토콜
 데이터의 HEAD영역에 숨겨진 채 전송
 - 보안에 유리 
 - 전송 데이터 용량 무제한 
 - 전송 시 서블릿에서 또 다시 가져오는 작업이
 필요하므로 GET방식보다 처리 속도가 느림
 - doPost() 

        <div>
            <input type="submit" name="operator" value="덧셈">
            <input type="submit" name="operator" value="뺄셈">
        </div>
    </form>

package com.condingbox.filter;

import java.io.IOException;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
//        모든곳에 적용
@WebFilter("/*")
public class CharacterEncodingFilter implements Filter {

    @Override
    public void doFilter(ServletRequest arg0, 
                        ServletResponse arg1, FilterChain arg2)
            throws IOException, ServletException {

//        System.out.println("before filter");
        // filgerChain으로 다음 작업 진행 여부를 정한다.

        arg0.setCharacterEncoding("UTF-8");

        arg1.setCharacterEncoding("UTF-8");
        arg1.setContentType("text/html; charset=UTF-8");

        arg2.doFilter(arg0, arg1);
//       System.out.println("after filter");
    }

}

package com.codingbox.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/calc3")
public class calc3 extends HttpServlet{

    @Override
    protected void service(HttpServletRequest arg0, 
            HttpServletResponse arg1) throws ServletException, IOException {

        // application 저장소 선언
        ServletContext application 
                    = arg0.getServletContext();

        String value_ = arg0.getParameter("value");
        String op = arg0.getParameter("operator");

        PrintWriter out = arg1.getWriter();
        int value = 0;

        if(!value_.equals("")) {
             value = Integer.parseInt(value_);
        }

        if( op.equals("=") ) {
            // 계산
            int x = (Integer)application.getAttribute("value");
            int y = value;
            String operator = (String)application.getAttribute("op");

            int result = 0;

            if(operator.equals("+")) {
                result = x + y;
            } else {
                result = x - y;
            }

            out.printf("결과값 : %d", result);
        } else {
            // application 값 저장
            application.setAttribute("value", value);
            application.setAttribute("op", op);
        }



    }

}

append(), appendTo(), html(), prepend(), prependTo(),
text()

after(), before(), insertAfter(), insertBefore()

unwrap(), wrap(), wralAll(), wrapInner()

detach(), empty(), remove(), unwrap()

replaceAll(), replaceWith()

  addClass, hasClass, removeClass, toggleClass()

attr(), prop(), removeAttr(), removeProp(), val()

$("요소").css("속성이름", "값");

  - HTML 태그 요소의 특정 속성값을 지정할 경우에도 attr()함수 사용
 - $("요소").attr("속성이름","값");
- $("#k").attr("src", "world.png");

$("요소").attr({
"속성이름1" : "값",    
"속성이름2" : "값",
"속성이름3" : "값"
 });

 $('li').css('color',red');
 $ -> jQuery
('li')   -> css 선택자
.css('color','red')     -> 선택된 객체들에게 style을
        color:red로 변경한다.

somel.innerHTML = "<h1>Hi</h1>"