검색이 잘되는 사람이 되자.

react 가상 Dom 사용하자 → 직접 dom 수정 안돼!!!!

email regex w3c

• email 표준 정규식

e.currentTarget 사용하자

css 선택자로 id 쓰지말자

• id 는 js 특정 동작 할때만 사용.

img는 src 폴더에 넣고 사용하기

svg 컴포넌트로 관리하고 사용하기

• import CheckActive from “images/check_active.svg”;

• svg 파일은 index.jsx 에 넣고 export 해서 사용하기

// src/assets/svgs/index.tsx
export { ReactComponent as BellIcon } from './ic-bell.svg'
export { ReactComponent as CalendarIcon } from './ic-calendar.svg'
export { ReactComponent as CalendarRangeIcon } from './ic-calendar-range.svg'
export { ReactComponent as CancelAlertIcon } from './ic-cancel-alert.svg'

import { BellIcon } from 'svgs'

라이브러리

• cx (classnames)
• react-use

css 모듈 팁

이벤트 막기.

• pointer-events: none;