Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- hot Reloading
- 자동반영
- 리액트
- await
- pull
- CSS
- php문법
- 리덕스
- async
- list.map
- typescript
- useCallback
- 리액트를 다루는 기술
- 컬러구성
- react
- merge
- list
- 리사이클러뷰
- redux
- useState
- 비동기처리
- 공부
- 가상회선교환
- rebase
- equalityFn
- Kotlin
- createPortal
- Git
- javascript
- 웹
Archives
- Today
- Total
목록createPortal (1)
공부블로그
Confirm 모달창 만들기
1. window에서 제공하는 window.confirm기능 사용 const onClickConfirm = () => { if(window.confirm('삭제하시겠습니까?')){ alert('ok') }else{ alert('cancel') } } 장점 : 진짜 간단하다 단점 : 커스텀이 안된다 (내가 알기로는) = 이쁘지가 않다 2. createPortal로 모달창 구현하기 portal = 컴포넌트를 부모 컴포넌트 바깥에 렌더링해주는 것 1. public / index.html 에 Modal이 렌더링 될 위치 심어주기 //modal의 부모 컴포넌트 portal을 구현할 tree의 부모 컴포넌트를 어디로 설정할지 정하는 것 따로 만들어도 되고 나는 그냥 'root'에 구현할거라서 코드를 수정하지는 않았..
자바스크립트
2022. 12. 12. 10:51