인풋비우기
데이트03으로 수정
폴더구조나누기
텍스트 제한
글씨길이값
좋아요 싫어요
레이팅
클래스폴더 이에스린트!
defultValue 는 바꿀수있음
value는 바꿀수없음
댓글 인풋창 입력후 비우기
안에 value를 state로 제어할수있다.(controllered component)
단, 긴 글의경우는 제어컴포넌트사용시 버벅거릴 수 있다.
이벤트버블링
클릭이벤트!시 어디를 틀릭하던 동일한 로직이 실행되게한다.
지금까지배운거로는 가짱큰 div에 온클릭 이벤트 줬을때 안에있는 자식 div가 없는 부분에만 이벤트가 먹힌다....
자식에서 부모로 전파시키는 방법을 사용해야함!-->이벤트버블링
부모에서 자식으로 전파되는것은 -->캡쳐링
캡쳐링은 많이 쓰이진 않는다.
이벤트버블링을 더많이 씀!!!
이벤트 버블링
예)가짱큰 div에 온클릭 이벤트 줬을때 안에있는 자식 div가 없는 부분에만 이벤트가 먹힌다....
하지만 온클릭은 왜되는걸까??? 온클릭 함수가 버블링되었기 때문!
하지만 이벤트 값은 가져오질 않는다...
함수는 자동으로 버블링되지만 이벤트아이디는 버블링이 안된다!
그때는 event.currentTarget.id 를 사용하면된다!!!
그건 현재 전파된 함수가있는곳의 이벤트값도 버블링한다는것
currentTarget.id 란 해당 함수가있는곳의 아이디라는것
UI프레임워크===UI라이브러리
바퀴를 재발명하는것이아닌 선별하는 능력이 필요해진다.
프레임워크를 사용하면
1)시간절약, 2)버그최소화
다양한 브라우저와 다양한 사이즈로 사용할수있는지!! 프레임워크 라이브러리를 사용하면 화면에 자동맞춤된다.
비슷한걸 내가 만들어도 실제로 사용하기에는 안정성이 검증되지 않았기때문에 실사용에는 무리가 있다.
검증된 라이브러리를 선발하는 능력이 무엇보다 중요하다.
ant design 과 머테리얼 을 많이씀
차트는 리차트
사진넘기기는 리액트슬릭
체크박스는 머테리얼
과같이
