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
- Django
- Web Programming
- GUI
- Docker
- 컴퓨터 비전
- 웹 프로그래밍
- 텐서플로우
- POD
- Python
- FLASK
- vue.js
- Computer Vision
- Deep Learning
- numpy
- 파이썬
- 장고
- paper review
- MariaDB
- 논문 리뷰
- 그래픽 유저 인터페이스
- OpenCV
- 데이터베이스
- yaml
- tensorflow
- 파이토치
- Tkinter
- kubernetes
- pytorch
- k8s
- 딥러닝
Archives
- Today
- Total
목록JavaScript (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