⭐ 오늘의 학습 내용 📌

1. HTML의 이해

🥕 HTML이란?

HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어이다. 

  * 사람으로 치자면 뼈대와 같은 역할이다 🦴🦴🦴

🥕 Tag(<>)의 중요성

HTML은 기본적으로 여러가지 Tag로 이루어져 있다.

⭐ 반드시 <> 으로 시작해서 </> 으로 끝나야 한다. 

• 자주쓰는 태그 목록 :
  • <div>  :  Division
  • <span>  :  Span
  • <img>  :  Image
  • <a>  :  Link
  • <ul> && <li>  :  Unordered List && List Item
  • <input>  :  Division
  • <textarea>  :  Multi
  • <button>  :  Button

HTML Tag모음 & 연습문제

2. CSS의 이해

🥕 CSS는 무엇인가?

CSS는 스타일링을 위한 도구이다

  * 스타일링을 통해 효율적으로 사용자 인터페이스를 구성함으로써 
    더 나은 사용자 경험을 제공하기 위해 사용한다.

알아두어야 하는 CSS 기본내용 ⭐⭐

• CSS의 구성물
  • 셀렉터 (Selector)
  • 속성 (Property)
  • 선언 (Declaration)
    

• Selector에 대해서
  • CSS Selector 모음집
  • 보통 id나 class로 구분하여 나눈 후 스타일을 적용해 준다.
  • id와 class의 차이점
    • id는 ' # ' 으로 선택 class는 ' . ' 으로 선택한다.
      
      
• 줄바꿈이 되는 박스 (block) vs 옆으로 붙는 박스 (inline, inline-block)
  • 줄바꿈이 되는 태그 : <h1> , <p>
  • 줄바꿈이 되는 않는 태그 : <span>
    • inline-block을 선언해 줄 시 width와 height를 사용할수 있다.

CSS Selector 와 Function 연습문제 👍👍👍

웹 폰트 사용법

⭐ 오늘의 소감

현장에서 가장 중요한 것은 협업과 소통!
상대방이 무슨일을 하는지 모른다면 의사 소통에 문제가 생길수밖에 없다.
기본적으로 자바를 배울테지만, 다른 언어에 대한 관심은 항상 가지고 있어야겠다.