1. div 태그를 사용할때
background-color를 이용해서 크기를 확인하며 진행하는것이 편리하다.
그리고 width, height을 이용해서 사이즈를 조절한다.
2. 배경이미지를 사용할때에는, 3가지를 같이 사용한다.
- background-image: url('');
background-position: center;
background-size: cover;
3. margin과 padding 사용을 햇갈리지 말자.
- margin : 바깥쪽 여백 영역
- padding : 내 안쪽여백 영역(내용영역과 테두리 사이)
4. 크롬 개발자 도구를 활용하자.
console.log(변수), 개발자 도구 콘솔 창에 괄호 안의 값을 출력해준다.
5. 리스트와 딕셔너리 제대로 이해하자
- 리스트 : 순서를 지켜서 가지고 있는 형태 ( let a_list = [0,0,0] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능 )
- 딕셔너리 : 키(key)-밸류(value) 값의 묶음 ( let a_dict = {0:0, 0:0, 0:0} )
6. 기본 문법 응용법을 배우자
for 문 예제]
let people = ['철수','영희','민수','형준','기남','동희']
for (let i = 0 ; i < people.length ; i++)
$('#q').empty(); <- 처음 시작시 q위치의 값을 지울때 사용한다.
오늘 느낀 점
- 전체적인 동작 개념을 이해하는것이 중요하다.
- 학습을 할때 무작정 실습을 따라하기 보다는 이론을 학습하는 시간과 실습 시간을 적절하게 나누어서 이해하자.
- 강의 들으며 이해가 안되더라도 한가지라도 제대로 배우자
내일 할 일
- 웹 프로그래밍 A-Z 기초 남은 강의 다 듣기
- TIL (Today I learned) 작성하기
- 체크인, 체크아웃 하기