[react] 나만의 customModal 만드는 방법 (with. MUI ,createPortal)
오늘은 modal 을 만들어보려고한다. 항상 modal 을 그냥 만들어서만 썼었는데 이번에 회사에서 MUI로 작업을 하게 되어서 MUI 를 활용한 modal 을 만들어볼것이다. 일단 어떤 modal 이든간에 modal 은 한곳에서만 필요한 컴포넌트가 아니기 때문에 무조건 공통컴포넌트를 만들 필요성있어보인다. 예전에 만들때는 정말 width, height 까지 다 포함해서 하나하나 만들었는데 이번에는 그냥 기본 틀만 만들어볼 생각이다. [1.default Modal ] 일단 CustomModal.tsx 을 만들어준다.(MUI 를 사용해준다.) HTML 삽입 미리보기할 수 없는 소스 이런식으로 만들어주는데 여기서 중요한 포인트는 파라미터 3개다. interface CustomModalProps { isOpe..
Mobx 란 React를 위한 상태 관리 라이브러리이다. redux의 dispatch, action의 개념에 익숙한 유저라면 약간 생소할 수 있다. 1.state 2.derivations 3.Reaction 4.Action Observable 자바스크립트에서 하나의 item과 여러개의 item을 처리하는 2가지 방법(Async, sync)이 있습니다 Async는 비동기 방식으로 흔이 알고 있는 setTimeout, xhr, event등이 있습니다. async한 상황에서 우리가 처리하던 방식은 callback 또는 주로 사용하던 promise가 있었습니다. 그치만 promise나 callback은 단 하나의 data을 받고 종료되어 버리는 패턴을 가지고 있습니다. then(), catch()를 통해 데이터..