맨 위: node_modules 에서 받아와야 하는 것
맨 아래: 컴포넌트
user-select : none;
- 드래그 앤 드롭 시 텍스트 선택을 막아준다
https://developer.mozilla.org/ko/docs/Web/CSS/user-select
font
- font-family 는 앞에서부터 순서대로 해당 폰트가 있으면 적용, 없으면 그 다음 순서로 넘어간다
- Google Fonts 의 Inter 는 한글 폰트가 없다
- text-transform: 대소문자 변환. 한국어는 ❌
https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform- letter-spacing: 글자 간격 조절
https://developer.mozilla.org/ko/docs/Web/CSS/letter-spacing
Blur 배경 효과( backdrop-filter )
realBg 와 같은 배경을 만든 뒤, backdrop-filter: blur(2.1px) 등으로 지정해주면 된다. (현재 firefox 는 ❌)
realBg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: black; }
text-align: start ❌
text-align: left 로 써야 한다. start, end 는 아랍어 좌횡서, 우횡서 등을 위해 쓰이는 것.
https://developer.mozilla.org/ko/docs/Web/CSS/text-align
<dl> // wapper
<dt>Year</dt> // title
<dd>2022</dd> // description
</dl>
자동 캐싱을 지원한다!
https://react-query.tanstack.com/overview
https://ko.redux.js.org/introduction/getting-started/
핵심 개념: createStore , Store, combineReducers, Core Concepts