HTML? HyperTextMarkup Language
- 웹 페이지를 작성하기 위한 일종의 언어
- 웹브라우저가 HTML문서를 파싱 후 화면에 출력
- Tag? HTML에서 사용되는 일종의 명령어
: 대소문자 구분이 없다.
: 시작 tag와 종료 tag는 적합한 순서로 nesting되어야 한다.
: 주석 <!-- -->
CSS? Cascading Style Sheets
- 웹문서에 글꼴, 색상, 여백등을 지정해 줄 수 있는 수단
- CSS 적용하는 3가지 방법
① 외부 스타일 시트(External Style Sheet)
: <style type="*/css"> ~ </style>
② 내부 스타일 시트(Internal Style Sheet)
: <link rel="stylesheet" href="*.css">
③ HTML태그내에 스타일 지정(Inline Styles)
:<p style="color:gray;">이 문단의 색상은 회색으로 지정됩니다.</p>
-URL: [프로토콜]://[호스트][:포트][경로][파일명[.확장자][쿼리문자열]
-통신 프로토콜: 서로 다른 기종의 컴퓨터 사이에 자료를 주고받기 위한 약속된 규약
구성 요소
-웹 서버: 웹 브라우저의 요청을 받아서 알맞은 결과를 웹 브라우저에 전송한다. 만약 프로그램 처리가 필요하다면 어플리케이션 서버를 사용하거나 프로그램을 직접 호출하여 결과를 생성한다. 주로 정적인 HTML, 이미지, CSS, 자바 스크립트 파일을 웹브라우저에 제공할 때 웹 서버를 사용한다. (Apache, nginx 등)
-어플리케이션 서버: 게시글 목록, 로그인 처리와 같은 기능을 실행(처리)하고, 그 결과를 응답으로 웹 서버에 전달한다. (톰캣, JBoss 등)
-데이터베이스: 웹 어플리케이션이 필요로 하는 데이터를 저장한다. (오라클, MYSQL, MSSQL 등)
-웹 브라우저: 웹 서버에 서비스 실행을 요청하며, 웹 서버의 처리 결과를 사용자에게 보여준다. (인터넷 익스플로러, 구글 크롬, 파이어 폭스 등)
- CGI(Common Gateway Interface) 방식: 요청마다 매번 메모리에 프로그램 로딩
- 어플리케이션 서버 방식 : 메모리에 한 번만 로딩
비교항목 |
실행코드 방식 |
스크립트 방식 |
코드 형태 |
컴파일 된 실행 프로그램 |
컴파일 되지 않은 스크립트 코드 |
실행 방식 |
컴파일 된 기계어 코드 직접 실행 |
스크립트 코드를 해석한 뒤 실행 |
코드 변경 |
소스 코드를 다시 컴파일 해야 함 |
스크립트 코드만 고치면 됨 |
종류 |
C 기반 CGI 프로그램 |
JSP, ASP.net, PHP, Ruby |
스크립트 코드 번역은 최초 요청에 대해서 한 번만 발생하며, 이후의 요청에 대해서는 번역 과정 없이 앞서 번역된 코드를 실행하도록 함으로써 번역 횟수를 최소화 하고 있다.