Web 및 HTML/CSS 개요
대상 버전: HTML5 / CSS3 공식 문서: MDN Web Docs / W3C
웹 개발의 가장 기본이 되는 HTML과 CSS는 웹 페이지의 구조와 디자인을 담당합니다. 이 가이드에서는 웹의 동작 원리와 HTML/CSS의 역할을 배웁니다.
1. 웹의 동작 원리
웹 브라우저(Client)가 서버(Server)에 요청(Request)을 보내면, 서버는 HTML, CSS, JavaScript 파일을 응답(Response)으로 보냅니다. 브라우저는 이 파일들을 해석하여 화면에 렌더링합니다.
- HTML (HyperText Markup Language): 웹 페이지의 ** 뼈대와 구조**를 만듭니다.
- CSS (Cascading Style Sheets): 구조화된 HTML에 ** 스타일과 레이아웃**을 입힙니다.
- JavaScript: 웹 페이지에 ** 동적인 기능과 상호작용**을 부여합니다.
2. 개발 환경 설정
웹 개발을 시작하기 위해 특별한 설치가 필요하지는 않지만, 효율적인 개발을 위해 다음 도구들을 권장합니다.
- 브라우저: Google Chrome (개발자 도구 활용도가 높음)
- 에디터: VS Code (Visual Studio Code)
- 확장 프로그램: Live Server (저장 시 브라우저 자동 새로고침)
3. 웹 표준과 접근성
- 웹 표준 (Web Standards): 모든 브라우저에서 동일하게 보이도록 하는 약속 (W3C에서 권고)
- 웹 접근성 (Accessibility): 장애인이나 노약자 등 모든 사용자가 웹 사이트를 편리하게 이용할 수 있도록 보장하는 것 (예: alt 속성 사용 등)
다음 장부터 본격적으로 HTML의 구조에 대해 알아보겠습니다.