TIL 2023.03.14

부트캠프 2일차

 

오늘은 따로 강의는 없고 미니프로젝트가 계속 진행되었다.

 

내 역할인 팀 소개 페이지 코드를 짜면서 여러가지 찾아보았다

 

html 구역을 만드는 태그들

<header>: '머리글'이라고 생각하면 된다. <nav>태그를 담는 용도로도 사용

<nav>: navigator의 약자에서 따온 태그. 주로 '메뉴'들을 담는 역할

<aside>: 사이드 메뉴로 주로 쓰이지만 본래 역할은 본문과 구분되는 별도의 한 구역을 만드는데 사용

<article>: 기사 영역, 즉 본문이 들어가는 영역

<footer>: 주로 문서 하단에 위치하며 작성사 / copyright / 관련문서 등의 정보를 담는 영역

<section>: 섹션 자체가 부분, 귀획이라는 뜻을 지니고 있음. 챕터, 메뉴 탭으로 구성된 요소에서 특정 탭이 가리키는 영역 등 유사한 내용을 담고있는 요소들을 하나로 묶어주는 역할

 

 

이미지를 넣고자 할 때 백그라운드이미지로 넣을 수 있고 <img> 태그로 넣을 수 있는데,

사이즈를 맞추는 방법은 https://inpa.tistory.com/entry/CSS-%F0%9F%93%9A-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%82%AC%EC%9D%B4%EC%A6%88-%EB%B9%84%EC%9C%A8-%EB%A7%9E%EC%B6%94%EB%8A%94-3%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95-object-fit-background-size-position 여기를 참고했다.

 

오늘 둘쨰날인데 프로젝트도 구조는 잡힌 것 같고,

내일 다시 서로 맞춰가면서 합쳐보고 백엔드까지 구현하면 될 것같다.

내 역할이 백엔드로 바뀌었다 ㅎ