Do it! HTML + CSS 웹 표준의 정석 - 겨울 방학 맞이 기초 언어 스터디(1)
겨울 방학을 맞아 Do it! 기초 언어 스터디에 참여하게 되었다.
6주 동안 한 권의 책을 정해, 매주 진도에 맞춰 학습하고 내용을 정리해 공유하는 스터디다.
내가 선택한 책은
「HTML + CSS 웹 표준의 정석」
웹 개발을 기본부터 정리하기에 딱 좋은 책이라 이번 스터디 도서로 골랐다.
스터디는 단순히 읽고 끝나는 게 아니라
정해진 진도표에 맞춰 학습
매주 개인 SNS에 공부 내용 정리
기록을 통해 흐름을 정리하는 방식으로 진행된다.
이번 글에서는 1주차 진도(01~04장)를 간단히 정리해보려고 한다.
# 1주차 진도 요약 (01~04)
01. 웹은 어떻게 움직일까
웹 개발에 들어가기 전, 웹의 동작 원리를 이해하는 장이다.
정적 웹과 동적 웹의 차이
클라이언트와 서버의 역할
요청(Request)과 응답(Response)의 흐름
웹 접근성의 기본 개념
* 웹은 단순히 화면을 띄우는 것이 아니라
브라우저와 서버가 계속 데이터를 주고받는 구조라는 점을 다시 정리할 수 있었다.
초반부터 웹 접근성을 다루는 점도 인상적이었다.
02. 웹 개발 시작하기
본격적인 코딩 전에, 웹 개발을 어떻게 시작하면 좋은지 방향을 잡아주는 장이다.
웹 개발 학습 흐름
개발 환경 설정
에디터와 브라우저의 역할
파일과 폴더 구조 개념
* “무엇부터 해야 할지 막막한 사람”에게
학습 순서를 정리해주는 챕터라는 느낌이었다.
툴 설명보다는 개발을 바라보는 관점 위주라 부담이 적었다.
03. HTML 기본 문서 만들기
이제 실제 HTML 문서를 만들어보는 단계다.
HTML의 역할
HTML 기본 문서 구조
<html>,<head>,<body>의 의미시맨틱 태그의 개념
* HTML은 단순히 화면을 꾸미는 언어가 아니라
문서의 구조와 의미를 표현하는 언어라는 점이 핵심이었다.
왜 시맨틱 태그를 써야 하는지도 자연스럽게 이해할 수 있었다.
04. 웹 문서에 다양한 내용 입력하기
웹 문서에 실제 콘텐츠를 채워 넣는 방법을 다룬다.
텍스트 입력
목록 만들기
표 만들기
이미지 삽입
오디오·비디오 삽입
하이퍼링크 연결
* 우리가 매일 보는 웹 페이지가
어떤 HTML 요소들로 구성되는지 하나씩 뜯어보는 파트였다.
특히 표와 이미지, 링크 부분은 실습하면서 구조가 확실히 잡혔다.
# 1주차를 마치며
01~04장은
웹의 개념 → 개발 준비 → HTML 문서 구조 → 콘텐츠 구성
으로 이어지는, 웹의 기초를 다지는 구간이었다.
이 단계가 단단해야 이후 내용도 자연스럽게 이어질 것 같다는 느낌이 들었다.
댓글을 작성해보세요.
