[Front] Web 구조

자바 기반 웹 프로그래밍

- request(요청)과 response(응답)이라는 두 객체로 이루어짐. 

- model: 웹 서비스에서 제공할 기능 구현 (Front + Middle)

- 컴파일(기계어를 번역)을 어디서 하느냐에 따라

   client 언어(client 컴퓨터에서 컴파일) - Html, Css, JavaScript, Ajax, JQuery

   server 언어(server에서 컴파일) - JSP, Servlet

- 웹 컨테이너(server언어 처리, 웹 관리) - 톰캣 ...etc

 

https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99C0F04D5B93977F03

 

- server 종류

웹 서버 -- 정적 페이지 처리

웹 어플리케이션 서버(WAS) -- 웹서버(정적) + 웹컨테이너(동적)

 

- 톰캣이란?

-- WAS 종류 중 하나. 아파치 재단에서 만든 오픈 소스. 무료.

-- 동적 페이지 생성 / DB 연결 및 데이터 조작 / 다른 응용프로그램들과 상호작용 

 

https://kchanguk.tistory.com/2

아파치(Apache)와 톰캣(Tomcat)은 무엇인가

 

 

 

 

Front  ▶  Html, Css, JavaScript, Ajax, JQuery, JSP ... etc

HTML - 웹 페이지 기본 뼈대 만들기

CSS - 예쁘게 꾸미기

JAVA Script - 프로그래밍적 요소 추가 

Ajax (asynchronous javascript and xml(=DOM(Document Object Model)))

    - 불필요한 페이지 이동 줄임 (주로 id 중복체크 할 때 메시지 바로 뜨게 하기)

JQuery - javascript 라이브러리 (>> 슬슬 빠지는 추세~)

JSP (Java Server Page) - java 값을 웹뷰 언어로 인식할 수 있게 함. -> 뷰 페이지 만들어줌.

 

Middle ▶ Servlet

Servlet - 자바 언어로 웹 통신을 구현해놓은 클래스 (요청을 받아 흐름 제어) (controller 역할)

client가 server에 요청을 보내면 (로그인 클릭)
servlet이 그 요청을 받아(id, pwd값) server(VO,DAO,Service)에 보내줌.
server는 Service에서 값을 비교하는 메소드를 통해 답을 보내면 (일치함)
servlet이 그 답을 받아 웹 화면에 띄워줌.

 

Back ▶ java