웹의 이해

인터넷:

• • 전 세계의 모든 컴퓨터를 하나의 통신망 안에서 연결한다는 의미를 가진 INternational Network의 약자입니다.
• 웹(Web)이란?:
  • 월드 와이드 웹(World Wide Web)이란, 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 것을 말합니다. 간단하게 WWW, W3로 불립니다.
• 웹(Web)의 시작:
  • 1980년대 어느 날, 스위스의 한 유럽 입자 물리 연구소의 컴퓨터 과학자 팀 버너스-리에에 의해 탄생하였으며, 연구원들 간 신속한 정보교환을 위해 고안되었습니다.
• 웹(Web)의 특징:
  • 정보를 하이퍼텍스트 형식으로 표현하여, 하이퍼텍스트(링크)를 따라 이동하며 다양한 정보/문서들을 연결하여 제공합니다.
• 웹 브라우저(Web browser)란?:
  • 웹을 찾거나 읽을 때 사용하는 프로그램을 웹 브라우저라고 합니다.

Chapter 2: 웹의 구조

• 클라이언트와 서버:
  • 클라이언트(Client): 서비스를 이용하는 컴퓨터입니다.
  • 서버(Server): 서비스를 제공하는 컴퓨터입니다.
• 클라이언트와 서버 간의 약속, 프로토콜:
  • 정보를 주고받을 때에 지켜야 하는 약속인 프로토콜이 존재하며, 이를 지켜서 통신합니다.
• 웹 사용의 기본:
  • 인터넷으로 연결된 클라이언트와 서버는 웹 프로토콜인 HTTP(HyperText Transfer Protocol)를 사용하여 데이터를 주고받습니다.

Chapter 3: 웹 개발 직무 이해

• 프런트 엔드:
  • 웹 서비스(웹 사이트)에서 사용자의 측면(Client-side)의 그래픽 사용자 인터페이스로, 사용자와 상호작용을 담당합니다.
• 백엔드:
  • 웹 서비스에서 사용자의 눈에 보이지 않는 서버 측에서 프런트엔드에서 전달받은 데이터와 요청을 내부 데이터와 연산을 활용하여 처리하고 프론트엔드에 결과를 전달합니다.

Part 2: 프론트엔드

• 웹의 구성:
  • HTML+CSS+JavaScript
    • HTML: 웹 페이지들의 구성 요소들의 구조를 정의합니다.
    • CSS: 웹 페이지 구성 요소들의 스타일과 레이아웃을 꾸며줍니다.
    • JavaScript: 웹 페이지 구성 요소들에게 동적인 기능과 상호작용을 부여합니다.
• HTML이란:
  • 웹 페이지들의 구성 요소를 정의하는 마크업 언어입니다. 페이지의 구조를 설계하고, 텍스트, 이미지, 링크 등을 포함하는 데 사용됩니다.

프론트엔드 개발에서는 HTML을 사용하여 웹 페이지의 기본적인 구조를 작성하고, CSS를 사용하여 이를 디자인하며, JavaScript를 사용하여 동적인 기능을 추가합니다. 이렇게 함으로써 사용자에게 보다 풍부하고 인터랙티브한 웹 경험을 제공할 수 있습니다.