웹 기초 지식

1. WWW

   ▣ World Wide Web의 약어로 세계규모의 거미집 또는 거미줄이라는 뜻으로, 인터넷상에 분산되어 있는 정보들이 

서로 연결되어 제공되는 인터넷 서비스를 의미한다.

   ▣ 줄여서 웹(Web)이라고 부른다.

   ▣ WWW는 URL, HTTP, HTML의 구성요소로 이루어져 있다.

 

2. URL

   ▣ Uniform Resource Locator의 약어로 네트워크 상의 자원의 위치를 나타낸다.

   ▣ Client, Web Server, Web Application, DataBase로 구성되어 있다.

 

                

①    Client : 사용중인 프로토콜의 정보이다. 웹 서버 이용 시 HTTP를 사용한다.

그 밖에도 FTP등이 있다.

②    Server : 현재 접속중인 웹 서버의 주소를 나타낸다.

③    Application : 여러가지 소스 파일로 구성되어 있다.

위 그림은 네이버의 어플리케이션의 정보를 확인한 결과이다.

네이버 측에서는 보안상의 이유로 nhn로 수정하여 웹 서버에 저장하였다.

④    DataBase : 파라미터를 통해 웹 어플리케이션으로 전달되고, 이를 통해 데이터베이스에서 작업을 할 수 있도록 한다.

 

3. HTML

   ▣ 웹 문서를 만들기 위해 사용하는 기본적인 프로그래밍 언어이다.

   ▣ 제목, 단란, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라, 링크,   인용과 그 밖의 항목으로 구조적 문서를 만들 수 있도록 제공한다.

   ▣ HTML의 구성요소

• 요소(Elements)

- 태그에 포함된 가장 중요한 부분을 말하는 것으로, 태그의 의미를 결정한다.

• 태그(Tags)

- ‘<’ 와 ’>’ 를 사용하여 화면에 나타낼 내용을 구분해준다.

- 시작 태그와 종료 태그를 사용해서 해당 요소를 적용할 범위를 정한다.

EX) <요소> 내용 </요소>

• 속성(Attributes)

- 시작 태그 내에서 사용하는 것으로 명령을 구체화 한다.

EX) <font>~~</font>를 사용할 때, font요소는 size, color등의 속성을 가진다.

• 속성값(Arguments)  - 속성과 관련된 값을 지정한다.

EX) <font color =”red”>를 사용할 때, “red”라는 속성값을 가진다.

▣ Dom(document object model)이란? 객체 지향 모델로서 구조화된 문서를 표현하는   형식이다. HTML문서의 

요소들에 접근 가능하도록 되어었으며, DOM을 사용하면 데이터를 동적으로 화면에 접근하고 변경할 수

있어 접근성과 조작성을 부여할 수 있다.

 

4. SSS 와 CSS

   ▣ SSS는 Server Side Script의 약어로 서버 측 스크립트 언어를 의미하며,

    CSS는 Client Side Script의 약어로 사용자 측 스크립트 언어를 의미한다.

   ▣ HTML은 로직을 이용한 작업이 불가능 하다. EX) 마우스 클릭, 입력, 조건문 등등..

       그래서 동적인 웹 서비스를 위해 스크립트 언어를 사용한다.

 

   ▣ 동작원리

• SSS언어 안에 HTML이 코딩되어 있으며, 사용자가 서버에 접속하면 HTML을 보내주고,

  사용자는 HTML을 받아 웹 서비스를 이용한다. CSS는 HTML내에 포함된다.

  

   ▣ SSS 와 CSS를 구분하는 이유

1. 사용자 측 언어에서는 소스보기를 통해 소스가 공개되므로 보안상의 이유로 취약점이 될 부분은

SSS를 사용하는 것이 좋다. EX) 로그인, 검증과정 등등..

2. 서버 측 언어에서만 DB와 연동이 가능하다. 사용자 측 언어로도 DB와 연동이 된다면 사용자도

DB에 접근이 가능해지기 때문에 보안상 취약점 발생한다.

3. 사용자의 이벤트는 CSS에서만 관리가 가능하다. EX)마우스 우클릭 금지, 복사방지 등등..

4. 서버와 연동시키지 않아도 될 작업을 CSS에서 작업을 하므로, 서버의 불필요한 트래픽 발생이 감소

한다.

   ▣ CSS의 종류와 특징

1. Java Script : 가장 많이 사용되는 CSS이며, 다양한 환경에서도 사용이 가능하다.

객체지향언어이며, 대소문자를 구분가능 하다.

2. VB Script : Visual Basic을 기반으로 제작된 CSS언어라서 절차지향적 방식을 사용하기 때문에

Java Script보다 효율성이 떨어진다. 주로 ASP와 연동되어 사용된다.

       

   ▣ SSS의 종류와 특징

1. PHP : C언어를 기반으로 제작되어진 오픈 소스 웹 프로그래밍 언어이다.

다양한 환경에서도 호환이 가능하며, 빠른 처리속도로 인해 널리 사용되는 언어이다.

2. ASP : VB Script 기반으로 제작되어진 SSS이다.

3. JSP : HTML내에 자바코드를 삽입하여 동작하는 SSS이다.

	언어	서버	DBMS
Windows	ASP	IIS	MSSQL
JAVA	JSP	TomCat	Oracle
오픈소스	PHP	Apach	MYSQL