1. 웹

@notion

 

WWW(World Wide Web)

• 인터넷에 연결된 컴퓨터들이 서로 정보를 공유하는 공간
• 하이퍼텍스트 형식으로 이루어진 문서를 연결함
  • 문서를 자유롭게 넘나들며 원하는 정보만 찾을 수 있음
  • 하이퍼링크: 한 문서에서 다른 문서로 넘어갈 수 있는 연결 고리
  • 하이퍼텍스트: 하이퍼링크를 포함한 문서
• 웹 페이지: 하이퍼텍스트 형식으로 작성된 문서로, 이들이 모여 웹 사이트를 이룸

 

네트워크

• 컴퓨터가 서로 연결되어 구성된 망
• 인터넷: 전 세계의 네트워크를 하나로 연결한 거대한 네트워크 시스템

 

웹 구성 요소

• HTML
• URL(Uniform Resource Locater): 특정 웹 자원의 위치를 찾는 역할을 하는 웹 주소
• HTTP(Hypertext Transfer Protocol): 이와 같은 일련의 약속을 통해 통신함

 

웹 애플리케이션 아키텍처

💡 웹 클라이언트 ↔ 웹 서버 ↔ WAS ↔ DB

• 웹 클라이언트
  • 사용자로부터 받은 URL에 대한 정보를 찾아 HTTP 메시지 형태로 서버에게 요청 (정적&동적 콘텐츠)
  • e.g. 크롬, 사파리, 엣지와 같은 웹 브라우저 (웹 문서를 열기 위해 사용하는 응용 소프트웨어)
• 웹 서버
  • 클라이언트의 요청에 대해 웹 페이지의 형태로 응답함
  • e.g. Apache Web Server, Nginx
• WAS(Web Application Server)
  • 웹 서버로부터 주로 동적 콘텐츠를 받아 처리한 후, 그 결과를 다시 웹 서버에 전달하는 중간자 역할
  • 서버의 부담을 줄이고 전체 웹 통신의 효율을 높임
  • e.g. Tomcat
• 데이터베이스
  • 웹 서비스에 필요한 다양한 데이터를 체계적으로 저장하는 곳
  • WAS에서 동적 콘텐츠를 제공하기 위해 접근하는 장소
  • e.g. MySQL, Oracle, MongoDB

 

웹 페이지 구성 요소

• HTML(Hypertext Markup Language): 구조를 담당하는 마크업 언어로, 하이퍼텍스트 문서를 만듦
• CSS(Cascading Style Sheet): 마크업 언어를 꾸며주는 스타일 언어
• 자바스크립트: 동적 처리에 사용하는 프로그래밍 언어