18일

3/18

React

• sass module 사용 방법

• 스토리북 공부

CSS

• :focus-within

• checkbox 구현 방법

• ::before 와 같은 가상요소 구현 시 → width, height를 적용하지 않으면 이미지가 보이지 않는 것을 주의!

  &::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: url('./images/checked=false.svg') no-repeat center / cover;
  }

프로젝트

• SC에서 중첩 사용 시 클래스 선택자는 앤퍼센트(&)를 사용하지 않는다.