WEB의 기초

WWW (World Wide Web)

• 전 세계에 퍼져 있는 거미줄 같은 네트워크 연결망

클라이언트와 서버

• 오늘날 우리가 사용하는 대부분의 웹서비스는 클라이언트-서버 구조를 기반으로 동작
• 클라이언트와 서버 역시 하나의 컴퓨터이며 이들은 다음과 같이 상호작용함

• 클라이언트(CLIENT)
  • 서비스를 요청(Requests)하는 주체
  • 웹 사용자의 인터넷에 연결된 장치(wi-fi에 연결된 컴퓨터 또는 모바일)
  • Chrome 또는 Firefox와 같은 웹 브라우저
• 서버(SERVER)
  • 요청에 대해 서비스를 응답(Responses)하는 주체
  • 웹 페이지, 사이트 또는 앱을 저장하는 컴퓨터
  • 클라이언트가 웹 페이지에 접근하려고 할 때 서버에서 클라이언트 컴퓨터로 웹 페이지 데이터를 응답해 사용자의 웹 브라우저에 표시

웹 사이트의 구성요소

• HTML
• CSS
• JAVASCRIPT 예시

웹 브라우저

• 웹에서 페이지를 찾아 보여주고, 사용자가 하이퍼링크를 통해 다른 페이지로 이동할 수 있도록 하는 프로그램
• 웹 페이지 파일을 우리가 보는 화면으로 바꿔주는(Rendering) 프로그램
• HTML,CSS, JS 등의 코드를 읽어 실제 사람이 볼 수 있는 화면으로 만들어 줌

웹사이트

• 웹 사이트는 브라우저를 통해 동작함
• 브라우저마다 동작이 약간 달라서 생기는 문제가 있음(파편화) ⇒ 웹표준 등장

웹표준

• 웹에서 표준적으로 사용되는 기술이나 규칙
• 어떤 브라우저든 웹 페이지가 동일하게 보이도록 함(크로스 브라우징)

웹페이지

• 웹에 있는 문서
  • 우리가 보는 화면 각각 한 장이 웹 페이지
• 웹 페이지의 종류
  • 정적 웹 페이지
  • 동적 웹 페이지

정적 웹 페이지(Static Web Page)

• 한 번 작성된 HTML 파일의 내용이 변하지 않고 모든 사용자에게 동일한 모습으로 전달되는 것
• 있는 그대로를 제공하는 것(Served as-is)
  • 서버에 저장된 HTML 파일 그대로 전달된 웹페이지
  • 같은 상황에서 모든 사용자에게 동일한 정보를 표시

동적 웹 페이지(Dynamic Web Page)

• 사용자의 요청에 따라 웹 페이지에 추가적인 수정이 되어 클라이언트에게 전달되는 웹 페이지
• 웹 페이지의 내용을 바꿔주는 주체 == 서버
  • 서버에서 동작하고 있는 프로그램이 웹 페이지를 변경
• 다양한 서버 사이드 프로그래밍 언어(python, java, c++ 등) 사용 가능
• 파일을 처리하고 데이터베이스와의 상호작용이 이루어짐