# CSS 학습일지 [CSS 3일차] 반응형 @media · CSS 변수 · 가상요소+ CSS 리셋 · 미니 프로젝트 종합 2026.07.03 · 학습 범위: CSS 14번 ~ 20번 📋 오늘 다룬 것들 오늘은 CSS 로드맵의 마무리 구간이었다. 화면 폭에 반응하는 @media, 값을 한 곳에서 관리하는 CSS 변수, hover 시 떠오르는 그림자·전환 효과, HTML을 안 건드리고 장식을 붙이는 가상 요소, 작업 시작 전 필수인 CSS 리셋까지 훑고, 마지막엔 지금까지 배운 기법을 한 페이지에 모은 미니 프로젝트(프로필 카드)로 정리했다. 참고 사이트의 예제·설명도 함께 보며 개념을 다졌다. 반응형 ..

# CSS 학습일지 [CSS 2일차] Stylelint 자동검사부터박스모델 · 가상클래스 · 애니메이션 · Flex/Grid까지 2026.07.02 · 학습 범위: CSS 03번 ~ 13번 폴더 📋 오늘 다룬 것들 오늘은 실습량이 꽤 많았다. CSS 자동 검사 도구로 시작해서 박스 모델, CSS를 붙이는 세 가지 방법, 가상클래스, transform·transition·keyframes를 활용한 애니메이션 효과들, 그리고 position과 grid까지 — 하루 만에 CSS의 핵심 개념 대부분을 훑은 느낌이다. 짧은 예제 위주라 눈에 바로 보이는 결과와 함께 익힐 수 있어서 좋았다. 검사 도구 Styl..

# HTML & CSS 학습일지 [HTML 3일차 & CSS 1일차] 멀티미디어·개발자도구·폼 심화+ 이력서 미니 프로젝트, CSS 첫걸음 2026.07.01 · 학습 범위: 29번 ~ 34번 파일, CSS 01 ~ 02 📋 오늘 다뤄본 것들 오늘은 HTML 실습의 마무리 단계였다. 영상·음성 태그로 멀티미디어를 넣어보고, Emmet 자동완성으로 타이핑 속도를 줄이는 법을 배웠다. 개발자도구(F12)로 화면 뒤 구조를 들여다보는 법도 정리했고, 폼 심화와 지금까지 배운 태그를 총동원한 이력서 미니 프로젝트로 HTML 파트를 마무리했다. 그리고 이제 CSS로 넘어가는 첫걸음도 뗐다. 멀티미디어 ..