Web 기술 이론 정리

java와 마찬가지로 아주 간단한 개념들을 간단하게 정리.!

WEB 

1. HTML, CSS , JavaScript 역할 

  ① HTML : 웹 페이지의 컨텐트를 담당하고, 문서와 문서가 링크되어있고, 태그로 이루어져 있습니다.

  ② CSS : 웹 페이지의 디자인 스타일을 담당

  ③ JavaScript : 웹 페이지의 행위를 담당 

2. Servlet과 JSP 역할 및 관계   

  ① Servlet

      - 자바 웹 어플리케이션을 위한 기술입니다.

      - java class 내에서 html을 명시합니다.

      - Model2 Architecture (MVC Pattern)에서 Controller 영역의 주 기술이 됩니다.

  ② JSP

      - 자바 웹 페이지 개발을 위한 자바 서버 페이지입니다.

      - html에서 java class를 명시합니다.

      - 동적인 웹화면 개발의 생산성을 위한 기술입니다.

      - 웹 컨테이너(Web Container)에 의해 Servlet으로 변환되어 실행됩니다.

      - Model2 Architecture (MVC Pattern)에서 View 영역의 주 기술이 됩니다.

3. HTTP

  - Hyper Text Transfer Protocol의 약자로 인터넷에서 데이터를 주고 받을 수 있는 프로토콜 입니다.

  - 웹 서버와 클라이언트 간의 통신을 위한 통신 규약입니다.

4. GET / POST

  ① GET

      - 정보를 조회하는 용도로 사용합니다.

      - URL이 노출됩니다.

      - 대용량 데이터를 전송하기에 적합하지 않습니다.

  ② POST

      - 정보를 전송하는 용도로 사용합니다. ( 로그인, 회원가입 등등 )

      - URL이 노출되지 않습니다.

* GET / POST에 대해 더 자세히 알기

5. Servlet Life Cycle (서블릿 라이프 사이클)

 

  ① init() : 해당 서블릿에 대한 요청 시 단 한번 실행합니다.

  ② service() : 클라이언트 요청마다 매번 실행합니다.

  ③ destroy() : 웹 컨테이너 종료 전 (서비스 해제 전) 한번 실행합니다.

6. ServletConfig / ServletContext

  ① ServletConfig

      - 서블릿 객체 당 하나 생성합니다.

      - 웹 컨테이너에 의해 init() 실행 시 주입됩니다.

      - 해당 서블릿이 실행하는데 필요한 설정정보를 가집니다.

  ② ServletContext

      - 웹 어플리케이션 당 하나 생성되는 객체입니다.

      - 웹 어플리케이션 내에 있는 모든 서블릿과 JSP들이 공유하는 자원입니다.

7. Session / Cookie

  - 사용자 상태 정보를 일정 조건동안 유지합니다.

  ① Session

      - 사용자 상태 정보를 서버 측에 저장합니다.

      - 상태 정보를 서버에 저장하기에 데이터 타입 및 용량의 제한이 없습니다.

      - 하나의 세션동안 여러 번의 요청과 응답이 반복 될 수 있고, 사용자와 관련된 Data를 계속 유지하도록 관리합니다.

② Cookie

      - 사용자 상태 정보를 클라이언트 측에 저장합니다.

      - 상태 정보를 클라이언트에 저장하기에 데이터 타입 및 용량의 제한이 있습니다.

      - 클라이언트는 서버에 요청시 자신이 가진 데이터를 Http 요청 정보에 담아서 보내며 key-value형태로 관리합니다.

      - 쿠키 생성 후 전송시에 유효시간을 정할 수 있습니다.

8. forward / redirect

  ① forward 방식

      - client는 이동 여부를 알 수 없고, 웹 컨테이서 상에서 이동됩니다.

      - 기존의 request 와 response 가 유지됩니다.

      - 사용자가 재요청을 할 경우 (새로고침 등,,) 기존 request 가 유지되므로 재동작합니다.

      - 정보를 조회하는데 적합합니다.

  ② redirect 방식

      - 서버(컨트롤러)에서 클라이언트(브라우저)에게 특정 url로 이동하여 응답받을 것을 지정하는 방식입니다.

      - foward와는 다르게 url이 변경되고, request와 response는 유지되지 않습니다.

      - 정보를 생성, 수정 삭제하는데 적합합니다.

* forward / redirect에 대해 더 자세히 알기

9. Model1 / Model2

  ① Model1 : 웹 브라우저의 모든 요청과 응답을 JSP 페이지가 받아서 처리하는 모델

  - 장점 : 개발 속도가 빠르고, 구조가 단순해서 익히기 쉽습니다.

  - 단점 : 뷰와 컨트롤러 로직을 위한 코드를 모두 포함하고 있기에 JSP페이지가 너무 복잡해지고, 유지보수가 힘듭니다.

  ② Model2 : 웹 브라우저의 요청과 응답, 비즈니스 로직을 모듈화 시킨 모델

  - 장점 : Model1 에 비해 로직이 복잡하지 않고, 뷰와 컨트롤러에 대한 분업이 용이합니다. 

               그리고 분리되어있기에 유지보수에 용이합니다.

  - 단점 : 구조 설계를 위한 시간이 많이 소요되므로 개발 시간이 깁니다.

10. Model2에 대해 설명

11. Web Server, WAS 와 Web Container ( ex - apache 와 apache-tomcat 차이 )  

12. JSTL

  - JSP Standard Tag Library ( JSP 표준 라이브러리 )

  - JSP에서 자주 사용되는 기능(반복, 조건, 데이터 표현 등..) 을 미리 구현해 놓은 커스텀 태그 라이브러리 모음입니다.

  - EL(Expression Language)을 사용하여 표현합니다.

13. JQuery

14. 크로스 브라우징이란 

15. Bootstrap

  - 프론트앤드 프레임 워크로 html, css, javascript를 효과적으로 개발하기 위한 라이브러리를 제공합니다.

16. Ajax

  - Asynchronized Javascript And Xml으로 비동기 방식입니다.

  - 전체 페이지를 응답받는 것이 아니라 필요한 데이터만 응답받습니다.

  - 사용자는 페이지 변경이 없이 작업을 지속할 수 있어 편의성이 증대됩니다.

17. JSON