회고
- 리액트 사용할 때 DOM에 직접 접근해서 값을 바꾸는 행위는 미친짓이다. 지양하자!!
- email 정규식은 w3h 표준 정규식을 사용하는게 마음이 편하다. -> (
e.target.validity.valid
로도 browser에서 유효성 검사가 가능)
e.target
(이벤트 버블링 발생)보다는 e.currentTarget
(이벤트 리스너가 달린 요소)을 사용하자
- image 파일은 용량이 작으면 강제로 html에 포함된다.(용량이 1메가가 넘으면 일단 패서라도 용량을 줄이자, 애플 개발자가 아니라면)
:focus-within
속성은 포커스를 받은 대상을 포함하는 요소를 나타낸다.(주로 Form 강조하기 위해 사용)
pointer-events
속성은 포인터 이벤트의 대상 여부를 결정한다.
- 디자인이 귀찮거든 dribbble.com에서 슥 하자.
- input 태그 사용시
data-lpignore
등으로 브라우저마다 자동으로 제어되는(암호완성 기능 등) 것을 방지할 수 있다.
유용한 React 라이브러리