웹 프로그래밍 - 기초

• 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 등)

 -웹 브라우저: 웹 서버에 서비스 실행을 요청하며, 웹 서버의 처리 결과를 사용자에게 보여준다. (인터넷 익스플로러, 구글 크롬, 파이어 폭스 등)

• Server-side Conding

 - CGI(Common Gateway Interface) 방식: 요청마다 매번 메모리에 프로그램 로딩

 - 어플리케이션 서버 방식 : 메모리에 한 번만 로딩

비교항목	실행코드 방식	스크립트 방식
코드 형태	컴파일 된 실행 프로그램	컴파일 되지 않은 스크립트 코드
실행 방식	컴파일 된 기계어 코드 직접 실행	스크립트 코드를 해석한 뒤 실행
코드 변경	소스 코드를 다시 컴파일 해야 함	스크립트 코드만 고치면 됨
종류	C 기반 CGI 프로그램	JSP, ASP.net, PHP, Ruby

스크립트 코드 번역은 최초 요청에 대해서 한 번만 발생하며, 이후의 요청에 대해서는 번역 과정 없이 앞서 번역된 코드를 실행하도록 함으로써 번역 횟수를 최소화 하고 있다.