후니의 개발 기록

[TIS] react event의 stopPropagation이 예상한 대로 작동하지 않는다. (React 이벤트 위임, 캡처링과 버블링)1.문제점💡React 컴포넌트에 event를 등록했을때 stopPropagation이 예상한 대로 작동하지 않았다. 테이블 내에서 날짜를 드래그해서 선택되는것은 테이블전체(Container)에 mousedown이벤트가 사용되어 작동한다. 💡이때 테이블전체(Container)에 등록한mousedown 핸들러의 경우 ref를 활용해 실제 dom에 등록하였다.즉 이는 날짜를 입력할 수 없는날에도 mousedown이 작동되어 시간이 입력되었다. 이벤트 버블링을 활용하면 문제를 해결할 수 있을것 같아 다음과 같은 계획을 세웠다. (1) NotAvailableDate컴포넌트에서 ..

* 선택자의 font 속성이 적용되지 않는다. reset css사용시 주의해야할 점 1.문제점💡 * 전역 선택자의 폰트속성이 적용되지 않음현재 토이프로젝트(가제: 타임투밋) 작업에 있다.전체 디자인이 Roboto로 되어있기에 전역 스타일에 Rotobo를 적용했다.const global = css` @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"); * { box-sizing: border-box; color: black; font-family: "Roboto", sans-serif; } 그렇지만 적용되지 않았다.무엇이 문제 였을까? 2.원인💡reset css의 font 속성 우선수위가 전역으로 지..