포지션 absolute에 대해 기억할 점

• 공간을 차지하지 않습니다.
  (fixed도 마찬가지)
• 포지셔닝컨텍스트를 기준으로 움직입니다.
  (top,right,bottom,left값)
• 3층
• 포지션닝컨텍스트에서 원하는 위치에 가져다 놓을때 사용

1. font awesome
   http://fontawesome.io/

2. favicon
   https://www.favicon-generator.org/
   https://realfavicongenerator.net/

상속과 브라우저가 가진 기본 CSS 중에 브라우저가 가진 기본 CSS 가 앞섭니다.

• 블록레벨은 크기를 지정 가능
• 인라인레벨은 크기 지정 불가 (인라인레벨은 글자크기가 자신의 크기)
• 인라인레벨인데 크기를 지정하고 싶으면 display속성으로 블록레벨로 변경 가능 (display: block)
• 요소를 마크업하면 무언가 다른 모양으로 대체되는 요소들로 img, input, select, textarea, table 등등

• line-height
  수직정렬 글자와 글자와의 관계
  글자가 한 줄 일때 블락의 높이와 같게 하면 수직 정렬
  글자의 위아래 간격 합 (ex:17+17 = 34)

• text-align justify 속성값은 글자를 왼쪽/오른쪽으로 잘 정렬해줍니다

DOM(Document Object Model)안에서 탐색 메서드

• 1. next() : 다음요소 선택
• 2. prev() : 이전요소 선택
• 3. parent() : 부모요소 선택
• 4. parents(선택자) : 조상요소들 중 선택
• 5. children() : 자식들 선택
• 6. find(선택자) : 자손들중에 선택
• 7. eq(인덱스) : 요소들중 index번지 선택

1. material design
   https://material.io/guidelines/style/color.html#color-color-palette

2. 이미지 그림자
   1단계 : box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   2단계 : box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   3단계 : box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
   4단계 : box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
   5단계 : box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);

float 은
1. 2층
2. 공간 없음
3. 블록레벨의 수평정렬
float의 해결책
1. 자식들이 전부 float 일때 overflow:hidden
2. 자식들이 전부 float 일때 height 고정
3. 자식중 일부가 float 일때는 그 다음 자식요소에 clear:both로 지정
(그 요소가 블록 레벨이어야 한다)

• title 속성(전역 속성)은 어느 요소에서도 사용가능
  alt 속성은 img 요소에서만 사용가능

코딩컨벤션

• 각 회사당 id나 class 이름 규칙을 정하는 것
• 우리 수업의 코딩컨벤션(카카오 규칙)
• id는 낙타표기법(camel case) : deleteBtn, replyList
• class는 언더바(_) 표기법 : btn_delete, list_reply

함수안에서 그 요소를 나타내는 키워드는 'this' 입니다

this는 순수 자바스크립트객체

jquery요소객체는 index를 가지고 있습니다.
index()메서드를 호출하면 그 index값을 얻을 수 있습니다.

• jquery 는 (순수) 자바스크립트에 비해
  1. 요소의 선택이 쉽다
  javascript : document.getElementsByTagName("h1")[0]
  jquery $("h1")
  2. 요소의 컨텐츠 변경이 쉽다.
  3. 이펙트가 쉽다.
  4. ajax 가 쉽다.

• momentjs 는 날짜 관련 메서드가 많음음