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
- 파이어베이스
- 넥스트
- customModal component 만들기
- SSR
- 리덕스
- useMutation
- debounce
- next-pwa
- 투두리스트
- 겹치는 선분의 길이
- JS
- 리액트
- lifecycle
- react-query
- JavaScript
- csr
- Next
- Firebase
- 자바스크립트
- NextJS
- programmers
- todolist
- 생명주기
- 달리기경주
- 배열
- Recoil
- React
- 리엑트
- google firebase
- Redux
Archives
- Today
- Total
목록modal (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