본문 바로가기

JadeCode

검색하기
JadeCode
프로필사진 z-zero

  • 분류 전체보기 (198)
    • 메인 (1)
    • 개발 (18)
      • 프로젝트 (12)
      • 웹 (37)
      • 알고리즘 (13)
      • 오류해결 (10)
      • 리액트네이티브 (7)
    • 시사지읽기 (90)
    • 기타 (1)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
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 31
Tags
  • Rest
  • Next.js
  • 자바스크립트
  • yarn-berry
  • react-firebaseui
  • leetcode189
  • 프로토타입
  • 백준
  • youtube iframe
  • React
  • react-native
  • 기초
  • Spread
  • 다리놓기
  • mac
  • firebaseui
  • leetcode977
  • 타입스크립트
  • 파이썬
  • JS
  • nvm
  • 커스텀알림
  • 파이어베이스로그인
  • 리액트
  • nvmrc
  • css
  • iP
  • Python
  • 커스텀알락
  • 구조분해할당
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록커스텀알림 (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
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바