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 |
Tags
- 넥스트
- lifecycle
- programmers
- 생명주기
- JavaScript
- React
- customModal component 만들기
- debounce
- Next
- 달리기경주
- todolist
- SSR
- 자바스크립트
- csr
- Recoil
- 겹치는 선분의 길이
- Redux
- 배열
- next-pwa
- JS
- 리덕스
- react-query
- NextJS
- 투두리스트
- 리엑트
- google firebase
- useMutation
- Firebase
- 리액트
- 파이어베이스
Archives
- Today
- Total
목록모달창 (1)
끄적끄적
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/M2G08/btrPOY5rrgV/7oR4hSyhLH59dSzKQU8dr0/img.png)
현재 많은 라이브러리들이 제공하는 Modal창들이 있지만, 각각 생긴것 들이 모두 다르고, api가 달라 여러개를 동시에 쓰기가 쉽지 않습니다. 또한 react를 잘 이용하는 느낌으로 사용하기 위해 나만의 모달창을 하나 만들어 보겠습니다. 느낌새는 ant design의 모달과 약간 유사하게 제작을 해보았지만, 커스텀을 통해 어느정도의 수정이 가능하도록 해보겠습니다. 가장먼저 모달 컴포넌트의 본체를 만들겠습니다. 1. MyModal.js import React from 'react'; import styles from './MyModal.module.css'; export default function MyModal({ open, title, bodyStyle, children, onCancel, foot..
React
2022. 10. 29. 04:27