[TIL] 0919

1. 오늘 학습 키워드

• 프레이머
• html 태그

 

2. 오늘 학습한 내용을 나만의 언어로 정리하기

 

Size | Relatvie

• 부모 요소의 백분율로 사이즈를 지정하는 프로퍼티

 

Size | Fill

• 부모 요소의 분수 단위로 사이즈를 지정하는 프로퍼티

Relative VS Fill

• 특정 요소만 비율 지정 가능, 모든 요소의 비율을 균등 분배 가능

 

Position의 종류

• Relative: 섹션의 순서대로 쌓임 (default)
• Absoulte: 원하는 곳에 자유롭게 위치 지정
• Fixed: 스크롤 시 화면 고정
• Sticky: 스크롤 시 특정 위치에 도달하면 고정

---

리스트 태그: <ul>, <ol>, <li>

• <ul>: 순서 없는 목록
  <ul><li>사과</li><li>포도</li></ul>
• <ol>: 순서 있는 목록
  <ol><li>사과</li><li>포도</li></ol>

테이블 태그: <table>, <tr>, <td>, <th>

• <tr>: 가로줄
• <td>: 데이터 칸
• <th>: 제목 칸
• <tr>로 한줄(가로줄)씩 쌓아가는 형태

폼 태그: <form>, <input>, <textarea>, <button>

• <textarea>: 여러 줄 입력

줄 바꿈 태그: <br>

구역 나누기 태그: <div>

시멘틱 태그: 태그 이름만 봐도 무슨 역할인지 바로 알 수 있음

• 자주 쓰는 시멘틱 태그 정리
  • <header>
  • <nav>: 메뉴나 링크 목록 감쌀 때
  • <main>
  • <section>: 내용 덩어리(소개, 기능, 뉴스, ...)
  • <article>: 독립적인 콘텐츠(블로그 글, 뉴스, ...)
  • <aside>: 옆에 붙는 정보(광고, 관련 링크, ...)
  • <footer>

 

3. 학습하며 겪었던 문제점 & 에러

• 오늘은 프레이머를 처음 배워서 아직 초반이라 크게 어려운 부분은 없었다.
• Ch5 강의도 HTML이라 익숙해서 어렵지 않았고, 헷갈렸던 태그들만 따로 정리해 두었다. 강의는 다음 주에 몰아서 빠르게 듣고 마무리한 뒤 이전 프로젝트를 다시 보면서 차근차근 빌드업해 나가야겠다.
• 세션 들으면서 느낀 건데 동시에 취업 준비는 다들 어떻게 하는 지 모르겠다 🙄..

 

4. 다음주 학습 할 것은 무엇인지

• 프레이머 집중 학습
• 강의 2주차 수강