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
- 다리놓기
- 구조분해할당
- react-native
- leetcode189
- firebaseui
- 파이썬
- 자바스크립트
- Spread
- Next.js
- 백준
- React
- 리액트
- yarn-berry
- nvm
- TCPvsUDP
- 프로토타입
- Python
- nvmrc
- 커스텀알락
- leetcode977
- youtube iframe
- JS
- mac
- css
- 기초
- Rest
- react-firebaseui
- 파이어베이스로그인
- iP
- 커스텀알림
Archives
- Today
- Total
목록customAlert (1)
JadeCode
Next.js에서 나만의 customAlert 만들기
일반 alert창을 조금 특별하게 만들고 싶었다. 너무 너무 만들고 싶었다. customAlert("확인")}/> 위의 div에서 onClick 을 눌렀을 때 진짜로 커스텀 알람이 실행되길 원했다. 우선 검색을 해 보니 ReactDOM.render를 사용해서 만들어 보길 추천하였다. 그래서 코드를 작성했다. import { useEffect, useState } from "react"; import ReactDOM from "react-dom"; import styled, { css } from "styled-components"; interface CustomAlertProps { message: string; onConfirm: () => void; } const CustomAlert = ({ mes..
개발/프로젝트
2023. 4. 21. 04:00