TIL(28) HTML, CSS

Achievement Goals ✍🏻

HTML

• HTML을 CSS를 적용하고, JavaScript로 개발할 수 있게(Programmable) 작성할 수 있다.
• HTML이 Markup language라는 것을 이해할 수 있다.
  • "구조를 표현하는 언어" 라는 의미를 자신의 언어로 표현할 수 있다.
• HTML의 구조와 문법에 대해서 이해하고 적용할 수 있다.
  • Opening tag, closing tag, self-closing tag에 대해서 이해하고 있다.
• 자주 사용되는 HTML 요소(Element)가 무엇인지 알고 차이를 설명할 수 있다.
  • div, span 태그가 무엇이고, 어떤 차이가 있는지 설명할 수 있다.
  • ul, ol, li 가 무엇이고, 언제 사용해야 하는지 알고 있다.
  • input type을 설정하여 다양한 종류의 input을 활용할 수 있다.
• 동적인 웹 어플리케이션 개발을 위한 HTML 구조를 짤 수 있다.
  • 간단한 웹 페이지 기획안을 HTML 문서로 표현할 수 있다.
  • id와 class를 목적에 맞게 사용하여 사람과 컴퓨터가 읽기 쉬운, 의미있는(Sementic) HTML 문서를 작성할 수 있다.
  • HTML5 semantic tag를 적재적소에 사용하여 사람과 컴퓨터가 읽기 쉬운 시멘틱한 HTML 문서를 작성할 수 있다.

CSS

• CSS의 사용목적을 이해할 수 있다.
• 프론트엔드 개발자의 기초소양에 대해 이해할 수 있다.
• CSS의 기본 문법과 구조를 이해할 수 있다.
• CSS를 HTML에 적용하는 방법에 대해서 이해할 수 있다.
  • 직접 HTML 안에 CSS를 정의하는 것을 권장하지 않는 이유를 이해할 수 있다.
• id 및 class와 관련된 selector 규칙을 이해할 수 있다.
• CSS를 이용해 텍스트를 꾸밀 수 있다
• CSS에서 쓰이는 단위의 두가지 구분을 이해할 수 있다.
  • 각 단위가 적합한 경우를 구분할 수 있다.
• CSS 박스 모델을 이해할 수 있다
  • box model
    • width, height
    • margin, padding, border
  • 박스 크기를 측정하는 두가지 기준의 차이를 이해할 수 있다.
• MDN 또는 w3school 등의 레퍼런스 사이트를 이용해 CSS 속성을 검색하고 이용할 수 있다.