웹 통신 기초

🌿 인터넷

• 전 세계의 컴퓨터들이 네트워크를 통해 연결되어 정보를 공유하는데 목적을 두며, 프로토콜을 이용하여 통신
• 초기에는 군사용과 민간용으로 구분되었고, 민간용이 지금의 인터넷이 됨

출처: KH정보교육원 수업 자료

🌿 웹

• 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간
• 인터넷의 통신망 위에서 작동하는 서비스

출처: KH정보교육원 수업 자료

🌱 웹 표준

• 모든 브라우저에서 웹 서비스가 정상적으로 보여질 수 있도록 하는 것
• 표준안으로 HTML5를 웹 표준으로 권고

🌱 웹 처리 과정

• 네트워크를 통해 서로 연결된 컴퓨터들 간에 서버와 클라이언트의 역할을 나누고, HTML이라는 마크업 언어를 통해 자료를 주고 받음

출처: KH정보교육원 수업 자료

✔️ 클라이언트-서버 구조

출처: KH정보교육원 수업 자료

• 서버 = 특정한 서비스를 제공하는 컴퓨터 vs 클라이언트 = 서비스를 이용하는 사용자

• 서버의 종류
  

  

• 클라이언트 사이드 주요 언어

  • HTML: 하이퍼텍스트를 구현하기 위한 뼈대가 되는 핵심적인 기술 마크업 언어
  • CSS: 꾸미기 위한 옷의 기능
  • JavaScript: 로컬의 브라우저에서 실행되는 인터프리터 방식의 프로그래밍 언어
  • jQuery: John Resig 창안, JavaScript 기반 라이브러리 중 하나 → 자바스크립트의 코드가 길어지면 사용하기 복잡한 단점 개선

• 서버 사이드 주요 언어

  • JSP: 운영체제의 구애를 받지 않으며, 실행 톰캣 컨테이너 위에서 자바 기반의 언어 사용
  • ASP: 윈도우 기반의 IIS 서버에서만 작동하고, MS-SQL DBMS와 연동 됨
  • PHP: 리눅스 기반의 아파치 서버에서 동작 + 기존 제로보드나 그누보드와 같은 사이트 빌더에서 기본적으로 사용되는 언어
  • node.js: 자바스트립트 라이브러리, 소켓을 이용하여 쉽게 실시간 서버를 구축 가능하도록 함

✔️ Web Server vs Web Application Server

• Web Server

  • 사용자에게 HTML 페이지나 jpg, png등 이미지를 HTTP 프로토콜을 통해 웹 브라우저에 제공하는 서버
  • 내부의 내용이 이미 만들어져 있는 정적인 요소들을 화면에 보여주는 역할을 함
  • 종류: Apache, NGINX, Windows IIS 등

• Web Application Server

  • 사용자가 요청한 서비스의 결과를 스크립트 언어 등으로 가공하여 생성한 동적인 페이지를 사용자에게 보여주는 역할을 함
  • 종류: Apache Tomcat, wildfly, jeus

🌱 웹 특징

• HTTP(Hyper Text Transfer Protocol) 사용
• HTML(Hyper Text Markup Language)로 작성된 문서 연결
• 텍스트, 그래픽, 오디오, 비디오, 프로그램 파일 등 멀티미디어 서비스 제공

✔️ 반응형 웹: 웹 서버에서 제공되는 정보가 다양한 기기에 맞춰 제공되는 환경