TIL 210524

jm·2021년 5월 24일
0

오늘 한 일

  • 생활코딩 CSS 강의 완강

공부한 내용

CSS의 등장 배경

WEB2 CSS - 2. CSS가 등장하기 전의 상황 을 보고 정리

지금 <font> 태그가 쓰이지 않는 이유

<h1><a href="index.html"><font color="red">WEB</font></a></h1>

해당 코드를 보면

<a> 태그는 'WEB'이라는 정보는 링크 라는 것을 설명하고
<h1> 태그는 'WEB'이라고 하는 문자가 이 페이지에서 제목이라는 중요한 정보를 나타낸다.

그러나 <font> 태그는 WEB에 대해 어떤 정보도 가지고 있지 않으며 오로지 디자인적인 측면만 해당된다.

따라서

→ 시각장애인 입장에선 의미가 없는 것은 정보가 아니라고 생각해 볼 수 있음
→ 웹페이지가 정보로서의 가치가 현격하게 떨어지는 문제를 갖게 됨

위 코드에서는 <a> 태그가 네 개밖에 없지만 만약 일억개의 태그 중 다수의 코드를 수정해야 한다면? → 사람이 할 짓이 안됨

그래서 등장한게 바로 CSS이다.

CSS는 코드의 중복을 제거함으로써 웹페이지의 사이즈를 줄여주며 유지보수의 용이성과 가독성이 높아진다.

결론적으로 HTML이 정보에 전념하기 위해 HTML으로 부터 디자인 기능을 가져온 것이 CSS이며, CSS를 통해 디자인하는 것이 HTML을 통해 디자인하는 것 보다 훨씬 효율적이다.


해야할 것

  • CSS 기초 시작하기
    → 배운 내용 복습하고 정리하기
  • Git에 대해 공부하기
  • CS50 강의 시청, 내용 정리 하기

세워 놓은 계획은 많은데 정작 오늘 한 일은...👀


html을 배울 때는 그래도 정리 하면서 볼 틈이 있었는데 css는 강의 보면서 따라하기 바빠 정리할 틈도 없었다. (사실 어디서부터 정리해야 될지도 막막하다.)

강의를 보면서 만든 웹페이지는 너무 강의랑 똑같이 만들어서 어디에다가 올리기도 좀 그렇다🥲 내일 css 복습을 하고 강의에 의존하지 않고 내 스스로 단순한 웹 페이지 만들어 보는 연습을 해야겠다.

0개의 댓글