내일배움캠프 TIL (2021-09-13)

오늘 일정

• AM 10:00 ~ PM 12:00(오후 12시) 내일배움캠프 O.T.
• PM 12:00 ~ PM 1:00 팀명 결정과 자기소개, 웹 프로그래밍 A-Z 기초 0주차
• PM 1:00 ~ PM 2:00 점심시간
• PM 2:00 ~ PM 8:00 웹 프로그래밍 A-Z 기초 2주차까지 완
• PM 8:00 ~ PM 9:00 팀 회의

팀 회의 내용

1. 공부 방식 결정
   • 매일 공부 시작 전 5분 마감 전 1시간 팀 회의 진행
   • 매주 수요일까진 주차 온라인 강의 진도 완료
   • 수요일 이후 복습, 심화, 예습등 목~금의 계획 수립
     • 추가로 부족하다 여길 경우 주말을 할애할 예정
2. Notion 사용 결정
   • Slack외에 팀적으로 Notion을 사용해 진도 계획 및 소통

중요한 내용 및 추가로 알게된 사실

HTML, CSS, JS

HTML

• 웹 페이지를 구성하는 뼈대

CSS

• 웹 페이지를 꾸미기

JavaScript

• 뼈대를 구성하는 것들을 통해 움직이게 하는 것

CSS background에 이미지 삽입

.className{
	   background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
     background-size: cover;
     background-position: center;
}

Element 가운데 정렬 방법

1. width 속성을 통해 Element의 크기를 정해준다.
2. 정해진 Element의 좌우 여백을 동일한 값으로 최대로 준다.(margin: auto;로 해결 가능)

.wrap{
    width: 300px;
    margin: auto;
}

display: block; 속성

우리가 글을 적고나서 이 글은 길이가 얼마야 라고 하지 않듯이 text는 크기를 가지기 어렵다.
그러므로 button, input과 같은 요소를 가운데 정렬등의 속성을 주고싶은 경우 display: block; 속성을 주면 block과 같은 처리되어 원하는 결과를 얻을 수 있다.

.mybtn{
    width: 100px;
    margin: auto;
    display: block;
}