웹 기초 (7) 썸네일형 리스트형 06. 웹 아키텍처 분석 1. Ajax 기술 - 페이지 동기화 필요 없이 서버에 요청/응답을 받아 페이지 재구성(렌더링) 가능 - 기존 웹 패러다임을 전환하는 기술로 현재 많이 사용 됨 - 백 엔드 픅에 부하율을 낮출 수 있기 때문에 트래픽이 많이 발생되는 웹 사이트의 경우 Ajax 기술을 적극적으로 사용 2. 웹 서버, 웹 어플리케이션 서버 - JAVA Web Application 환경의 경우 웹서버(정적 컨텐츠 자원 제공), 웹 어플리케이션 서버(동적 컨텐츠 자원 제공)로 서버를 분리 - 정적 자원 요청 할 경우: 사용자 → (요청 메시지 HTTP Request Message, http://www.test.co.kr/img/logo.png) → 웹서버에서 응답메시지(HTTP Response Message) 전달 - 동적 자원.. 05. 쿠키와 세션 1. 쿠키(Cookie) - 사용자 인증 수단, 상태유지 및 관리를 위해 쿠키가 사용됨 - 쿠키를 통해 사용자 식별 및 세션 유지를 통해 클라이언트와 서버 간의 상태 관리를 함 - 일반적으로 쿠키는 지속쿠키, 세션은 세션 쿠키를 뜻함 - 사운드나 이미지 파일을 일시적으로 저장하여 로딩을 빠르게 하는 캐시와는 다름 1) 쿠키 헤더 구조 - 서버에서 클라이언트로 쿠키 발급 시 Set-Cookie 헤더에 의해 클라이언트 쿠키값이 세팅됨 - 해당 사이트 접근 시 마다 클라이언트는 Set-Cookie에 의해 세팅 된 값을 Cookie 헤더에 세팅하여 요청 메시지를 전달 - 서버는 이를 통해 상태를 관리 2) 지속 쿠키 (Persistent Cookie) - 웹 서버에서 발급 시 클라이언트 하드 디스크에 텍스트 형.. 04. HTTP 프로토콜 1. HTTP (Hypertext Transfer Protocol) - 하이퍼텍스트 문서(HTML)를 전송하기 위해 사용되는 프로토콜(통신규약) - 서버와 클라이언트 사이에서 어떻게 메시지를 교환할지 정해놓은 규칙 - 요청(Request)와 응답(Response)로 구성되어 있음 1) HTTP 상태 코드 코드 응답 문구 내용 200 OK 정상적으로 처리 됨 302 Found 다른 페이지로 이동 304 Not Modified 수정되지 않음 400 Bad Request 클라이언트 요청 에러 403 Forbidden 접근 권한 없음 404 Not Found 존재 하지 않음 500 Internal Server Error 서버 측 에러 2) HTTP 메시지 헤더 - 메시지를 구성하는 요소로 클라이언트와 서버가 무.. 03. 자원을 지정하는 URL 1. URL (Uniform Resource Locator) - 통합 자원 지시자로 인터넷의 리소스를 가리키는 표준명칭 - 서버의 자원을 요청할때 사용됨 - HTTP, FTP, SMTP 관련된 자원 요청도 가능 - 자원을 지정하지 않을 경우 (사이트 도메인만 호출을 할 경우) 웹 서버에 설정 된 기본 자원이 호출됨. 대부분 index 페이지가 호출됨 1) URL 예약문자 (메타문자) 문자 인코딩 ? 파라미터가 시작 된다는 것을 알려줌 = 파라미터 값 대입 & 다음 파라미터 식별자 + 공백 2) URL 인코딩 - URL 상에서 문자를 표현하는 방법 - 데이터 전송 상에 손실을 막기 위해 인코딩을 사용 - 예약 문자를 단순 데이터로 전송이 될 수 있도록 인코딩 - 웹 브라우저를 사용 할 경우 브라우저에서 U.. 02. 웹을 구성하는 3대 요소 - HTTP, HTML, URL 1. 클라이언트/서버 구조 1) 클라이언트 - 서비스를 이용하는 대상으로 최초에 서비스 요청을 먼저 한다. 2) 서버 - 웹 서버 혹은 웹 어플리케이션 서버(WAS)라고 부름 - 웹 서버에 따라 PHP, JSP(JAVA), ASP등 사용되는 언어가 다름 - 서비스를 제공하는 대상으로 클라이언트 측으로 부터 서비스 요청을 받게 되면 그에 대해 서비스를 제공 * 클라이언트가 서버로 요청을 할 때 보내는 것 - HTTP 요청 메시지 (HTTP Request Message) * 서버가 클라이언트로 응답을 보내는 것 - HTTP 응답 메시지 (HTTP Response Message) 2. 웹의 3대 요소 1) HTML - 웹 클라이언트가 웹 서버로 URL을 통한 자원 요청 후 HTML이 담긴 응답을 받으면, 웹 .. 01. 웹 용어 기초 - WWW, 하이퍼텍스트, 웹브라우저 1. World Wide Web - 웹이란 다수의 네트워크가 모여서 형성된 공간으로 디바이스에 대한 제약 없이 웹 클라이언트 프로그램만 있다면 누구나 접근이 가능하다. 이를 통해 서로 정보를 공유하고 교류를 할 수 있는 문화가 형성되는 곳이다. - 정확하게는 World Wide Web이라고 하며 이를 줄여서 WWW, W3, WEB이라 부른다. 2. 하이퍼텍스트 (Hyper Text) - 한 문서에서 다른 문서로 접근할 수 있는 일종의 링크 - HTTP, HTML의 앞 HT는 Hyper Text를 의미함 3. 웹 브라우저 - 웹 브라우저는 웹을 사용할 수 있는 시작점으로 웹 서버와의 통신을 통해 요청과 응답을 주고 받고 HTML, JAVASCRIPT, CSS 등의 클라이언트 언어를 해석하여 사용자에게 그래.. 00. MVC1 vs MVC2 MVC M: Model (DB) V: View C: Controller 1. MVC1 모델 패턴 - View -> Model -> View - Controller가 없음 - 첫 진입점으로 View를 먼저 띄움 - 장점: 구현이 빠름 - 단점: 흐름을 읽기 어렵다 (가독성이 떨어진다) -> 생산성이 떨어진다 (개발 기간이 길고, 유지보수가 어렵다) - 소규모 프로젝트에 적합 2. MVC2 모델 패턴 - Controller -> Model -> View - 모든 요청은 Controller가 받아서 관리 -> Contoroller가 Model , View 실행할 지 판단함 - 장점: 한 군데(Controller)에서 모든 것을 관리하므로 흐름 읽기가 편하고 기능 개선이 편함 - 단점: 초기 구현이 오래 걸린다.. 이전 1 다음
