[개발 상식] Web 기초 - 1

1) WEB(웹)

- 요청과 응답이 일어나는 장소

 

2) 서버와 클라이언트

1. 서버 : 클라이언트에게 요청받은 서비스를 제공

2. 클라이언트 : 서버에게 자신이 원하는 요청을 보냄

 

3) 기본 웹 작동원리

기본 웹 작동 원리

4) Protocol(프로토콜)

- 사람끼리 소통할 때 서로 이해할 수 있는 공용어를 사용해야 하듯이,

  컴퓨터끼리도 공용어를 사용해야한다.

- 이러한 공용어를 원활하게 통신하기 위해 필요한 규약을 프로토콜이라 함

 

1. ip(Internet Protocol)
네트워크상에서 다른 컴퓨터와 구별될 수 있도록 고유번호(주소)를 부여한 프로토콜

000.000.000.000 -> 32비트 2진수(42억개)

** 내 IP를 확인하는 방법 **

1. 네이버 -> 내 IP 검색(123.142.55.115)
2. 윈도우검색 -> cmd -> ipconfig(192.168.3.50)

1. 네이버 -> 내 IP 검색(123.142.55.115)
2. 윈도우검색 -> cmd -> ipconfig(192.168.3.50)

Domain : IP주소는 기억하고 이해하기 힘들기 때문에 이를 위해서 이름을 부여할 수 있도록 하는 서비스

2. HTTP(Hyper Text Transfer Protocol) 
- 웹 서비스를 하기 위한 프로토콜

- 클라이언트와 서버간의 웹페이지 등의 자원을 통신하는 규약

- 텍스트로 통신하기 때문에 가로채서 본다면 누구나 내용을 볼 수 있음

HTML, CSS, JavaScript
---------------------
브라우저에서 해석되는 언어

HTML(Hyper Text Markup Language)
웹사이트를 만들기 위한 틀

MDN
https://developer.mozilla.org/ko/docs/Web/HTML

tcpschool
http://www.tcpschool.com/

w3schools.com
https://www.w3schools.com/

3. SSL(Secure Socket Layer)

- 프로토콜을 이용해서 자원을 공개키 암호화 방식으로 암호화해서 통신하는 규약

- 서로 다른 키 2개가 존재하고 1번키로 암호화를 했다면 반드시 2번키로만 복호화할 수 있음

- SSL 인증서 구입 비용 및 갱신 비용이 발생하고 http에 비해서 서버에 부하가 더 많아짐

 

5) HTTPD(HTTP daemon)

- 웹 서버 백그라운드에서 실행된 채 대기하고 있는 프로그램

- 요청이 들어오기를 대기하다가 실제로 요청이 들어오면 서버를 깨워준다.

 

6) 웹 컨테이너

- 동적인 데이터(DB) 요청이 들어왔을 때 서버가 연산을 요청하는 곳

- 이후 연산이 끝나면 정제된 데이터(JSP, 서블릿)로 서버에 돌려줌

 

7) WAS(Web Application Server)

- 서버 + 웹 컨테이너

 

8) 웹 브라우저(Web Browser)

- 사용자의 요청에 맞는 주소로 찾아가서 인터넷의 컨텐츠를 검색 및 열람 후 사용자에게 응답하기 위한 응용 프로그램의 총칭

- 주요 웹 브라우저로는 모질라 파이어폭스, 구글 크롬, 인터넷 익스플로러, 마이크로소프트 엣지, 오페라, 사파리 등이 있다.

 

9) 웹 접근성
- 정상적인 웹 컨텐츠 사용이 가능한 일반 사용자부터 고령자, 장애인 같은 신체적, 환경적 조건에 제한이 있는 사용자를 포함해 모든 사용자들이 동등하게 접근할 수 있도록 웹 컨텐츠를 제작하는 기법

10) 웹 표준(크로스 브라우징)
- 여러 브라우저에서 동일한 사용자 경험을 줄 수 있도록 하는 기술, 방법등을 의미

 

11) 웹을 구성할 때 사용하는 언어

HTML
웹사이트의 틀을 만드는 언어
CSS
HTML 문서를 시각적으로 만들어주는 언어
JavaScript
컨텐츠 내용을 바꾸고 동적인 페이지를 만들기 위해 사용하는 프로그래밍 언어
-------------------------------------------------- 서버
PHP
서버쪽에서 실행되는 프로그래밍 언어이며, HTML 코드를 프로그래밍적으로 생성

Node.js
확장성 있는 네트워크(서버) 개발에 사용되는 자바스크립트 기반의 프레임워크
---------------------------------------------------
React.js
웹 어플리케이션의 사용자 인터페이스를 만들기 위한 오픈소스 기반의 자바스크립트 프레임워크