2020-12-07

1번 페이지 모듈화
여러 컴포넌트로 나눠보다
2번 메이븐 이용

${} 프로퍼티 플레이스 홀더

메이븐 프로젝트 플러그인 추가
1. 컴파일러 플러그인, 2. War플러그인

서블릿 버전 변경

web.xml 만들어주기

잘안된다면 다른것에서 두줄만 복사

그리고 봤더니 적용이 안되어 있어서 디펜던시 적용
pom.xml의 build 밑에 붙여넣기

 <dependencies>
  	<dependency>
  		<groupId>javax.servlet</groupId>
  		<artifactId>javax.servlet-api</artifactId>
  		<version>3.1.0</version>
  		<scope>provided</scope>
  	</dependency>
  	<dependency>
  		<groupId>javax.servlet.jsp</groupId>
  		<artifactId>javax.servlet.jsp-api</artifactId>
  		<version>2.2.1</version>
  		<scope>provided</scope>
  	</dependency>
  	<dependency>
  		<groupId>org.apache.commons</groupId>
  		<artifactId>commons-lang3</artifactId>
  		<version>3.11</version>
  	</dependency>
  </dependencies>

그리고 서블릿을 만들어서 확인해보기 405에러가 정상적으로 출력되는것을 볼수 있다.

html 파일도 만들어서 확인 잘 나온다.

이렇게 테스트를 하고
기존의 webStudy01에서
02_Maven 폴더로
복사하는데 META-INF빼고 싹다 제거하자
이제 의존성 다시 넣자

무쓸모.... -> 의존성을 추가해야한다.

Maven 레파지토리에 가서 의존성 코드 따다가 붙여 넣자.
단 commons-io는 안나와 있으니 직접 레파지토리에서 가져오자 혹은 직접 적어주자.

4. jsp 액션 태그

Action Tag
Custom Tag 사용방법 ex) <prefix:tagName attributes >
프리 픽스?:태그네임?
액션 태그 : jsp 스펙에 따라 기본 제공되는 커스텀 태그, prefix:jsp

1. forward 2.include, 3.useBeean 4. setProperty 알아보기

include 방식에서
B에서 만들진 데이터를 A로 끌고 오는 작업은 언제실행되었을까?
서버단에서
클라이언트는 하나로 보이지만
이러한 과정을 페이지 모듈화라고한다.
오늘의 모듈화

다음, 네이버 카페, 블로그
특징별로 쪼개놓고 화면에 나온다
-> 모듈화
-> 만들어보기??

클라이언트 사이드에서 자바스크립트를 일괄적으로 관리할 수 있다. 는것 ?

폼에 아무것도 입력이 없다? 그건 그냥 전송하기 위한 목적의 폼이 된다.
input태그가 하나도 없다.

li태그에 이벤트 바인딩을 시킴. 근데 우리가 원하는 거는 a태그
클릭은 밖에서 발생하고 그 다음 a태그에 넘겨진다.
("click", "a", function())의 장점. 동적으로 바뀐다.
동적으로 변경될 수 있는 엘리먼트에는 절대 이벤트를 바인딩 시키면 안된다.

$(".menuUl a") 이런식으로 준다면 a가 사라졌을떄 적용이되지 않는다 다만 위처럼$(".menuUl").on("click", "a", function()
이렇게 한다면 언제든지 생기고 사라져도 적용이 가능하다.

event.preventDefauilt();
return false;
해둠으로써 메뉴Ul에 걸린것은 무의미해진다.

에러가 생기면 markers를 살펴보자

window - show view - others - markers

forward에서 버퍼가 한번이라도 방출되면 에러가 나면 포워딩을 할 수 없다.

주의모듈화시
제이쿼리처럼 전체 페이지에 영향을 주는 녀석은 딱한번만 불러야한다.
계속 부르게 되면 기존에 부른 제이쿼리에 바인딩 되어 있던 변수나 함수 등이 새로 불러온 제이쿼리에 위해 덮여씌어지게 되는데 이과정에서 소실된다

1. 메서드에 따라 처리방식
2. 모델 방식
3. 포워드인가, 인클루드 인가 에 따라 달라짐
   현재 구조가 머리속에 정의가 되야한다.