[ Do it! HTML + CSS 웹 표준의 정석 스터디!] 01장 웹은 어떻게 움직일까?

DAY 1

🔖 오늘 읽은 범위 :

🔥01/05(월) 진도표 알림
👉🏻공부 내용: 01장 웹은 어떻게 움직일까?
👉🏻쪽수: 17~29쪽

---

😃 **기억하고 싶은 내용 (복붙해도 상관없어!)**

• 학습 목표
  • 인터넷 연결 방식.
  • 클라이언트와 서버 동작 구조.
  • 웹 개발에서 자주 사용하는 용어.
• 학습 결과
  • 웹 표준의 중요성.
  • 웹의 동작 방법.
  • 웹 개발을 위한 기본 용어.

웹의 형태

• 웹 사이트

  방문자에게 일방적으로 정보를 전달하는 웹 사이트는 단순함.

  SNS, 커머스 같은 사이트는 제공하는 서비스에 맞는 장치와 기능이 함께 제공되는 복잡한 사이트.

  이런 웹 사이트의 여러 장치와 기능을 만드는 것 = 웹 개발.

• 플랫폼으로서의 웹

• 웹 개발과 표준

  • 웹사이트 개발 + 애플리케이션으로서의 웹 + 플랫폼으로서의 웹
  • 웹 개발의 표준 ⇒ HTML, CSS, 자바스크립트

네트워크 이해하기

• 여러 컴퓨터를 연결해 놓은 체계
• 라우터: 네트워크 연결 중계 역할하는 기기.
  • 라우터를 이용해 네트워크와 네트워크를 연결.
• 서버와 클라이언트
  • 서버: 네트워크에 연결된 컴퓨터가 인터넷에 공개할 정보를 저장하는 역할.
  • 라우터 기능도 포함.
  • 클라이언트: 서버에 연결해서 정보를 요청하는 컴퓨터.
• 인터넷을 통해서 서버와 클라이언트가 정보를 주고 받는 과정 = 웹 작동.
• 프런트 엔드 개발? 백엔드 개발?
  • 프런트엔드 = 사용자 앞에 보이는 영역. 다양한 웹 브라우저와 버전에 따라 작동하도록 만드는 것. HTML, CSS, 자바스크립트 사용.
  • 백엔드 = 사용자 뒤에서 보이지 않는 영역. 데이터베이스 설계 및 데이터 처리. 자바, 파이썬, PHP, 자바스크립트 등등 다양한 프로그래밍 언어로 사용.

웹의 기본 동작

• 사이트 주소 = IP 주소
• IP 주소(숫자 형태) ⇒ 사람이 이해하기 어렵다. ⇒ IP 주소를 바꿔서 사용 ⇒ 도메인; Domain
• 도메인을 IP 주소로 바꾸는 역할 ⇒ DNS; Domain Name Server
• HTTP, HTTPS
  • 웹에서 공통으로 인식하는 규칙.
  • HTTP 프로토콜에 암호화를 추가해 보안을 강화 한 것 = HTTPS 프로토콜
  • HTTPS 프로토콜을 통해 접속하도록 만들어야 함.

웹 접근성

• 모든 사용자가 접근 가능해야 함. 장애와 나이에 상관없이.
• 웹 접근성 인증.
  • 시각 장애 / 이동 장애 / 청각 장애 / 인지 장애
• 웹 접근성 지침 및 교육 세미나 제공
  • https://nuli.navercorp.com/
  • https://www.youtube.com/@AOA11Y
  • 정보 접근성 : https://kioskui.or.kr/

🤔 **오늘의 파트에 대한 소감 (매우 주관적주의)**

• 웹 접근성 확보할 시간이 주어지는 게 가능한지 궁금함.
• 실제 현업에서 인증까지 확보하는 것이 중요한지 궁금함.

🔎 **추가로 알게 된 것 (책 내용 +알파로 궁금한 것, 이해가 가지 않는 것 등)**

• -

---

🤟소감 3줄 요약

• 다른 것보다 웹 접근성 처리가 까다로울지 모르겠으니 참고해야겠음.