[내일배움캠프] TIL - 24.08.28(수)

1. 학습

 오늘 3주차 강의까지 학습하였는데 아마 오늘까지가 HTML 을 다루는 강의가 될 것 같고 다음 주차 강의는 DB 나 서버에 대한 내용을 다룰 것 같다. 그래서 오늘 이전 주차까지 학습한 내용을 최대한 "아 이런거구나!" 할 수 있을 정도로만 정리하여 두었다. 아 그리고 어제 작성한 TIL 에 빠진 내용도 학습하여 추가하였다.

• HTML5 태그 - <div>, <span> 추가
• 꾸미기 - <style>, CSS

 

 

2. 과제

 3주차 강의를 마치니 실습 숙제가 하나 있었는데 이게 참 애를 먹였다. 분명 배운대로 요소에 지정된 클래스명 따라가 <style> 영역에서 해당 클래스를 지정하는 CSS 를 수정하였지만 아무런 반응도 없었다. 혹시나 중간에 실수가 있어서 해결되지 않나하는 마음에 다시 실습 문제를 받아 실행했음에도 원하는대로 요소가 반응하지 않았다. 혼자서 이런저런 해결방법을 찾던 도중 결국 튜터님께 찾아가게 되었고 튜터님의 세세한 질문덕에 결국 해결책을 알 수 있었다.

 

 문제는 CSS 설정 적용 우선순위에 대한 문제로 같은 요소에 'id' 값이 지정되어 있었는데 해당 'id' 값으로도 CSS 가 작성이 되어 있던 것이었다...참 허무하긴 했지만 이번 경험으로 HTML 수정 전에 '개발자 모드(웹 브라우저 - F12)' 로 기존 코드를 확인하는 습관이 중요하다는 걸 새삼 깨달았다. 물론 간단하게라도 CSS 적용 우선순위에 대해서는 알아보고 정리해볼 생각이다.

 

 

※ 참고 : 나는 TIL 작성 방식을 내가 학습하며 정리한 다른 게시글들과 하이퍼링크를 거는 방식으로 작성하였다. 학습한 내용에 하이퍼링크를 걸어두었으니 해당 링크를 통해 학습을 정리한 내용에 접근할 수 있다.