Do it! HTML+CSS+자바스크립트 웹 표준의 정석 커리큘럼
| 일정 | 학습 챕터 |
| 1주차 | 01 웹은 어떻게 움직일까 02 웹 개발 시작하기 03 HTML 기본 문서 만들기 04 웹 문서에 다양한 내용 입력하기 |
| 2주차 | 05 입력 양식 작성하기 06 CSS의 기본 07 텍스트를 표현하는 다양한 스타일 |
| 3주차 | 08 CSS 박스 모델 09 이미지와 그러데이션 효과로 배경 꾸미기 10 반응형 웹과 미디어 쿼리 11 플렉스 박스 레이아웃으로 배치하기 |
| 4주차 | 12 CSS 그리드 레이아웃으로 배치하기 13 CSS 고급 선택자 |
| 5주차 | 14 트랜지션과 애니메이션 15 자바스크립트와 첫 만남 16 자바스크립트 기본 문법 17 함수와 이벤트 |
| 6주차 | 18 자바스크립트와 객체 19 문서 객체 모델(DOM) 다루기 [Do it! 실전 프로젝트] 넷플릭스 사이트 따라 만들기 |

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 | 고경희 | 이지스퍼블리싱 - 예스24
웹 분야 도서 1위! 누적 판매 부수 13만 부!‘웹 표준의 정석’ 시리즈의 최신 개정판과 함께웹 개발의 3대 기술을 끝낸다!웹 분야 1위 도서 『Do it! HTML+CSS+자바스크립트 웹 표준의 정석』이 전면
www.yes24.com
https://www.yes24.com/product/goods/129133723
웹 접근성(web accessibility, a11y)
어떠한 사용자, 어떠한 기술 환경에서도 사용자가 전문적인 능력 없이
웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것.
웹 개발에서
HTML은 문서의 구조를 만들고
CSS는 디자인을 담당하며
자바스크립트는 사용자와 상호 작용 역할

<!DOCTYPE html> 태그 : 문서 유형 선언
<html> 태그 : HTML 파일 시작 표시
<head> 태그 : 웹 브라우저에 문서 정보 제공
<meta> 태그 : 문자 세트, 문서 정보 제공
<title> 태그 : 문서 제목, 웹 브라우저의 제목 표시줄에 표시
<body> 태그 : 웹 브라우저에 내용 표시


짧은 스터디 소감.
HTMl, CSS를 학습 하는 이유는, 개발자이지만(DBA) 프론트 엔드 쪽을 잘 몰라서 기초를 학습함과 동시에
우연히 준비했던 웹디자인개발기능사 실기의 유효기간 만료(26년 중순) 전 취득을 위함이다.
다행히 1주차의 학습은 기초 중의 기초라, 정신없는 신년 새해 1월의 1주차였지만 무사히 진도를 따라갔다.
다음주, 그리고 다다음주의 진도가 무섭지만(현업 이슈...) 목표 달성을 위해 열심히 해봐야겠다!
'프로그래밍 언어 > HTML&CSS' 카테고리의 다른 글
| [Do it!] 이지스퍼블리싱 - Do it! 기초 언어 스터디 start (0) | 2026.01.11 |
|---|