TIL - 220507

font-size: 10px 미만은 웹 접근성 문제로 인해 브라우저에서 의도적으로 무시. 권장인건 이유가 있다. 10px 미만의 폰트는 쓰면 안된다고 생각하면 된다.

리액트에서도 a 태그를 쓴다. 내가 만들고 있는 앱 이외에 (예. 네이버라던가 이런 외부 링크로 보낼때) 사용. Link나 NavLink는 ReactRouter에서 온 것임.

화면전환 애니메이션 :
설명
참고코드

리액트에서 로컬스토리지 사용법 :

• 로컬스토리지란 ? localStorage를 사용하면, 브라우저에 key-value 값을 Storage에 저장할 수 있습니다. 저장한 데이터는 세션간에 공유됩니다. 즉, 세션이 바뀌어도 저장한 데이터가 유지된다.
• localStorage에 아이템 추가, 읽기
  • setItem() : localStorage에 아이템을 추가하기 위해서
    사용하는 함수.window.localStorage.setItem(key, value)
  • getItem() : localStorage의 아이템을 읽기 위해서 사용하는 함수. window.localStorage.getItem(key)

modeule.css(모듈css) : 컴포넌트마다 독립된 css를 가져서 다른 컴포넌트에 의존성이 없어서 리팩토링할때 편하고 좋음.

useRef