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