WAS 개념

카페
https://cafe.naver.com/erpzone/724

• WEB 서버는 HTML 문서같은 정적 컨텐츠를 처리하는 것이고 (HTTP 프로토콜을 통해 읽힐 수 있는 문서)
• WAS 서버는 asp, php, jsp 등 개발 언어를 읽고 처리하여 동적 컨텐츠, 웹 응용 프로그램 서비스를 처리하는 것이다.
  

정적 컨텐츠 : html, css
해석의 주체 : chrome, firefox등과 같은 웹 브라우저

• 아파치: 웹서버, 웹을 서비스하는 서버
• 톰캣 : WAS
• "ASP를 구동하기 위해서는 IIS를 사용한다. ASP의 환경이 MS계열 서비스라면 WAS의 기능을 담당하는 부분이 있어 별도의 WAS가 필요하지않다."

WAS란?
Web Appllication Server
예) 톰캣, web sphere, 제우스 ...

• 동적 웹 : php, jsp등

• 정적 웹만 쓰면 데이터의 변경사항을 client한테 실시간으로 전달할 수 없다.

• 동적컨텐츠를 서비스할 수 있는 서버가 was

• 웹서버와 was는 다르다.

• "JSP를 배울 때 대체적으로 Apache와 Tomcat을 사용한다. Apache는 웹서버를 담당하고 Tomcat은 WAS 다."
  아파치가 왜 톰캣과 다른지 알겠죠?
  아파치는 웹 서버의 역할만 하고 톰캣은 아파치도 포함하고 was기능이있음. 즉 톰캣을 다룬다는 것은 웹서버와 WAS를 운영한다는것!

• 요즘은 was도 하나의 컨테이너 개념으로 본다.

• 아파치, 엔진엑스가 프록시, 로드벨런싱등 다양한 역할을 한다.

https://cafe.naver.com/erpzone/725

실습

• 폴더 만들기
  

톰캣설치

https://tomcat.apache.org/download-90.cgi

ver.9.0 window64bit로 설치

cmd에서 구동한번 걍 해봄

1. 경로 복사

2. cmd에 경로 붙여넣고 이동

3. startup.bat 입력

그러면 아래처럼 서버 구동됨

shut down 하는법은...?

이클립스에서 해보기

WebClient를 워크스페이스로 하여 이클립스 실행

java EE로 perspective 열기

Preferences에서 Server 설정

server 열기

이미 사용중인 포트라 (오라클..?)에러남

server 포트 변경

나는 아까 cli환경으로 실행한 서버를 shut down하지 않아서 tomcat admin port 도 변경해줌

웹 디렉토리 만들기

Preference에서 한글 설정 해줌

html 파일 생성

• cmd에 ipconfig로 자기 ip확인

• ip로 접속

html DOM 구조

https://www.w3schools.com/js/js_htmldom.asp

https://www.w3schools.com/html/html_intro.asp

html/css

html

코드로....

css

박스구조

stylesheet에서 가상selector(선택자) :link , :visited , :hover , :active

display : none
//안보임

display : block
// 한블럭 다 잡음

display : inline-block
// 글자만큼 모양 잡음

이미지 width가 안먹는 경우 : head섹션의 style태그와 inline스타일 속성

css float

https://www.w3schools.com/css/tryit.asp?filename=trycss_layout_float3

• float 전
  

• float 후

실습

• float 전
  
• 빨강만 float
  
• 빨, 파 float
  

• clear를 쓰면 float 밑으로 빠지지 않는다

  

반응형 구현 : float, display, clear

• 전
  

• 후
  

p 태그에 배경 이미지 넣기

배경 반복 , 반복 x

테이블 실습

코드로...

참고

Nav bar 만드는 법