16일

3/16

React

• 클래스 컴포넌트의 setState()는 두번 째 인자로 callback 함수를 가질 수 있다.

setState(updater, [callback])

• { return } === ()

• setState 복습

• classNames 사용 방법

CSS

• CSS 다중 선택자 사용하기

/* 선택자를 다중 선택하고 싶다면  */
.validState label {
  top: 6px;
  left: 20px;
  font-size: 1.2rem;
}
.invalidState label {
  top: 6px;
  left: 20px;
  font-size: 1.2rem;
}

/* 아래와 같이 ,(콤마)를 사용해서 선택한다. */
.invalidState label,
.validState label {
  top: 6px;
  left: 20px;
  font-size: 1.2rem;
}

• X + Y 선택자는 다음 형제 요소만 선택할 수 있다. 이전 형제는 선택 할 수 없다. 이전 형제 요소를 선택하고 싶다면 previousSibling을 사용하자.

• currentColor 키워드