> For the complete documentation index, see [llms.txt](https://shhn0509.gitbook.io/hanna/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shhn0509.gitbook.io/hanna/hanna-log/march/18.md).

# 18일

## 3/18 

React 

* sass module 사용 방법 
* 스토리북 공부

CSS 

* [:focus-within ](https://shhn0509.gitbook.io/html/stylesheet/upgrade-css/focus)
* checkbox 구현 방법 
* ::before 와 같은 가상요소 구현 시 → width, height를 적용하지 않으면 이미지가 보이지 않는 것을 주의!

```javascript
  &::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에서 중첩 사용 시 클래스 선택자는 앤퍼센트(&)를 사용하지 않는다.