웹개발-IP, 서버, HTML
*이 글을 읽기전에 작성자 개인의견이 있으니, 다른 블로그와 교차로 읽는것을 권장합니다.*
1. 월드 와이드 웹(World Wide Web)
인터넷 상에서 정보를 공유하고 문서를 표시하기 위한 시스템입니다.(약자로 www입니다) 웹 브라우저와 웹 서버를 사용하여 정보를 검색할 수 있습니다. 웹은 HTTP와 HTML과 같은 프로토콜과 언어를 사용하여 문서를 표시하고 연결합니다.
2. 네트워크(Network)
컴퓨터나 기타 장치들이 상호 연결되어 데이터를 주고받을 수 있는 구조를 말합니다. 주로 LAN(Local Area Network), WAN(Wide Area Network), MAN(Metropolitan Area Network), PAN(Personal Area Network)등의 유형으로 구성됩니다. 주로 정보 공유, 파일 공유, 인터넷 접속, 통신, 데이터 전송 등을 위해 사용합니다. 네트워크는 크게 다음과 같은 2가지형태로 나뉩니다.
- 물리적 네트워크(Physical Network): 하드웨어를 연결하는 실제 장비로 이루어진 네트워크
- 논리적 네트워크(Logical Network): 통신을 관리, 제어하는 소프트웨어적 구조를 말합니다. 프로토콜, 라우팅, IP주소 할당의 개념을 포함합니다.
3. 인터넷(Internet)
전 세계적으로 연결된 컴퓨터 네트워크들의 집합체입니다. 다양한 프로토콜로 구축되었으며, 주로 TCP,IP프로토콜로 정보를 패킷 단위로 나누어 전송하고, 목적지에 도착한 패킷들을 재조립하여 데이터를 전송합니다.
-인터넷을 하기 위해선 IP주소가 필요
4. IP(Internet Protocol)
컴퓨터 네트워크에서 사용되는 주요 프로토콜입니다. 데이터를 보내는데 사용되며 컴퓨터나 기기가 인터넷에 연결되어 있는 한 모든 기기에 IP주소가 할당됩니다. 컴퓨터 네트워크에서 데이터 패킷의 라우팅과 주소 할당을 담당하는 프로토콜로써, IPv4와 IPv6가 있습니다. 웹 브라우징, 이메일, 파일 전송 등 인터넷 활동의 기반이 됩니다.
- IPv4: 32비트 주소 체계. XXX.XXX.XXX.XXX 형식으로 표현, 192로 시작하는 IP는 가상IP, 공유기를 통해 만들어진 IP
(예: 192.0.0.1과 같이 4 개의 0~255까지의 숫자로 구성) - IPv6: 128비트 주소 체계. x:x:x:x:x:x:x:x와 같이 16진수로 표현
5. 클라이언트(Client)
컴퓨터 네트워크에서 데이터, 서비스를 요청합니다. 이러한 요청과 응답은 Client-Server Model을 따릅니다. 예시로 웹 브라우저는 웹 페이지를 요청하는 클라이언트 역할을 합니다. 클라이언트는 웹 브라우저, 이메일 클라이언트, FTP 클라이언트, 게임 클라이언트 등이 있습니다.
6. 서버(Server)
네트워크를 통해 클라이언트로부터 요청을 받아 응답을 제공하는 소프트웨어를 말합니다. Client-Server Modal에서 서비스를 제공하는 측입니다. 예를 들어, 웹 서버는 웹 페이지를 제공, 파일 서버는 파일을 저장하고 공유, 이메일 서버는 이메일을 주고받기, 데이터베이스 서버는 데이터베이스 관리 시스템에 대한 요청을 처리합니다. 서버 소프트웨어는 보안 및 관리 기능을 강화하여 데이터의 안정성과 보안을 유지합니다.
6-1. 웹 서버(Web Server)
웹 서버는 Client(World Wide Web)로부터 HTTP요청을 받아들이고, 응답으로 웹 페이지, 이미지, 파일을 제공하는 소프트웨어나 컴퓨터 시스템을 말합니다. 웹 서버는 HTTP, HTTPS, 웹 서비스, API서비스 등 여러 프로토콜을 지원합니다. 또한 보안, 로깅(loggin), 성능 최적화, 부하 분산(load balancing)의 기능을 제공하여 효율적인 호스팅 환경을 구축할 수 있습니다.
7. 마크업 언어(Markup Language)
문서나 데이터 구조를 정의하고 표시하기 위해 사용되는 언어입니다. 태그(Tag)라고 불리는 특정한 구문을 사용하여 문서의 요소를 표시합니다.
8. HTML
웹 페이지를 만들기 위해 사용되는 표준 마크업 언어를 말합니다. HTML 특징은 다음과 같습니다.
- TML 문서는 .html 확장명으로 저장
- 대소문자를 구별하지 않습니다.
- 문서를 작성할 수 있는 에디터라면, HTML 문서를 작성할 수 있습니다.
- 띄어쓰기, 줄바꿈을 구별하지 않습니다.
- 대부분의 태그는 시작태그와 종료태그로 구성되어 있습니다.
- 예시)
9. 웹 접근성(Web accessibility)
모든, 사용자, 장애를 가진 사람들이 웹 컨텐츠를 인식, 이해, 운용될 수 있도록 설계된 웹 사이트 및 어플리케이션을 가리킵니다. 장애를 가진 사람들뿐만 아니라 모든 사용자가 웹을 이용하는 데 있어 동등한 기회를 제공하는 것을 목표로 합니다.
10. 웹 표준(Web standards)
웹에서 사용되는 기술과 프로토콜에 대한 권고사항과 규약, 웹페이지 및 어플리케이션을 개발할 때 준수해야하는 지침이며 구조, 동작, 표현을 정의하는데 사용합니다.
웹을 공부할 땐 크롬이 가장 편하고 잘되었기 떄문에 크롬을 잘 이용하는 편이 좋습니다. 제대로 된 AI를 공부하기 위해서 cross check가 필요합니다. html, css, javascript, nodejs 등을 비쥬얼 스튜디오 코드로 이용가능합니다.