250x250
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
- 딥러닝
- yaml
- MariaDB
- GUI
- 논문 리뷰
- tensorflow
- pytorch
- FLASK
- 웹 프로그래밍
- POD
- vue.js
- 파이토치
- Python
- 장고
- Computer Vision
- OpenCV
- numpy
- 컴퓨터 비전
- 파이썬
- 텐서플로우
- Django
- k8s
- Docker
- Web Programming
- Tkinter
- Deep Learning
- paper review
- 데이터베이스
- kubernetes
- 그래픽 유저 인터페이스
Archives
- Today
- Total
목록Customizing (1)
Maxima's Lab
[Web Programming] Modal Dialog 커스터마이징 하는 방법
안녕하세요, 오늘은 Modal Dialog 기능들에 대해서 커스터마이징 하는 방법에 대해서 알아보겠습니다. 해당 기능을 구현하기 위해 편의상 html, css, js 파일에 대해 다음과 같이 구성하였습니다. index.html style.css script.js 위 파일들로 구성된 결과 이미지에 대해서 먼저 보도록 하겠습니다. 먼저 index.html 코드는 다음과 같습니다. 모달 실행 × 사용자 정의 메시지를 입력하세요... 확인 취소 위의 코드에서 button은 총 3개로 구성되어 있으며, 다음과 같습니다. 모달 실행 확인 취소 이어서, style.css 코드는 다음과 같습니다. /* 모달 스타일 */ .modal { display: none; /* 기본적으로 숨김 */ position: fixed;..
Web Programming
2024. 2. 23. 23:27