반응형
오늘은 본격적으로 CSS 수업이 시작됐다.
사실 나는 그동안 디자인에 자신이 없어서 스타일을 입히는 데 소극적인 편이었다. “일단 작동하게 만들고, 꾸미는 건 나중에…”라는 마인드로 코딩해왔던 것 같다.
그런 나에게 오늘 수업은, ‘스타일도 코드의 일부’ 라는 걸 다시 생각하게 해준 시간이었다.
🎨 오늘 배운 내용 간단 정리
- CSS는 웹 페이지의 디자인과 레이아웃을 담당하는 언어
- 인라인 / 내부 / 외부 스타일 적용 방식
- 기본 선택자와 속성들: 글꼴, 크기, 색상, 배경, 박스 모델 등
- 요소 배치 방식: float, position, display, z-index 등
이미 어느 정도 알고 있던 개념도 있었지만, 이렇게 한 번에 정리하며 체계화하는 과정이 오히려 더 좋았다.
머릿속에 흩어져 있던 퍼즐이 조금씩 맞춰지는 느낌.
🧡 느낀 점
디자인 감각이 부족하다는 이유로 CSS를 멀리했었는데, 오늘 수업을 듣고 나니 생각이 조금 바뀌었다.
스타일링도 결국은 사용자 경험을 위한 표현 방식이고, 코드처럼 로직 있게 조합할 수 있다는 게 오히려 재밌게 느껴졌다.
앞으로는 겁먹지 말고, CSS도 코드처럼 자연스럽게 다뤄보고 싶다.
'✏️ DevLog > Devcourse' 카테고리의 다른 글
[DevCourse] 생성형 AI 활용 백엔드 데브코스 7일차 (1) | 2025.04.11 |
---|---|
[DevCourse] 생성형 AI 활용 백엔드 데브코스 6일차 (0) | 2025.04.10 |
[DevCourse] 생성형 AI 활용 백엔드 데브코스 5일차 (0) | 2025.04.10 |
[DevCourse] 생성형 AI 활용 백엔드 데브코스 3일차 (0) | 2025.04.08 |
[DevCourse] 생성형 AI 활용 백엔드 데브코스 2일차 (0) | 2025.04.08 |