1. 자동완성: tab키
    예: [div + tab키]
  2. 텍스트: {}
    예: div{안녕}
  3. 자식(하위)요소 : >
    예: div>div
  4. 형제 요소: +
    예: div>p+a
  5. 올라가기: ^
    div>p^div
  6. 반복하기: *
    ul>li*4
  7. 그룹화: ()
    ul>(li>a)*4
  8. 클래스: .
    div.class-name
  9. 아이디: #
    div#id
  10. 속성: [attr]
    img[alt=”이미지 설명”]
  11. 넘버링: $
    div.item$*6

--

--

Primitive type

  • boolean
    논리적 값= true/false
  • null
    존재하지 않음
  • undefined
    값을 할당 받지 못함
  • number
    정수, 실수
  • string
    문자열이나 글자
  • symbol
    문자열 및 객체 property

Object type

  • object
    두개 이상의 복잡한 개체 저장 가능

--

--

1. HEX, rgb, rgba

rgb= red,green,black
rgb= red, green, black, alpha(transparency)

  • hex: uses # + 6rrggbb
https://www.color-hex.com/
  • rgb: (#,#,#)
    rgba: (#,#,#, 0~1)

2. opacity

Opposite of transparency. But functions the same as transparency. (uses 0~1)

--

--

Min Bae

Min Bae

Korean who spent half of his life in America on a journey to become a Programmer