노트

이번 주 강의는 웹 페이지를 구성하는 HTML, CSS, Javascript에 기초적인 구조와 간단한 쇼핑몰 페이지를 구현하는 방법에 대해 설명해 주셨다. 복습 겸 실습으로 블로그의 CSS를 편집해서 다크테마를 적용해보자. 블로그 관리 -> 스킨 편집 -> html 편집 -> CSS 부분 코드를 편집해주면 된다. @media (prefers-color-scheme: dark) { ... } CSS 맨 밑에 위 코드를 추가해 주면 사용자의 시스템 컬러모드를 탐지해 다크모드일 경우 해당 코드가 동작한다. 이제 바꾸고 싶은 요소의 구조를 파악해 코드를 작성해 주면 되는데 F12를 눌러서 개발자 도구 모드를 켜고, Ctrl + Shift + C 를 누르거나 여기를 클릭 후 마우스 커서를 원하는 영역 또는 요소에..