일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- AJAX
- IntelliJ
- MySQL
- error
- ubuntu
- 문서
- Open Source
- 설정
- STS
- myBatis
- Source
- Exception
- Eclipse
- maven
- Python
- Spring Boot
- 오픈소스
- jpa
- Thymeleaf
- oracle
- git
- Docker
- Tomcat
- Core Java
- SpringBoot
- JavaScript
- spring
- PostgreSQL
- JDBC
- MSSQL
- Today
- Total
목록modal (3)
헤르메스 LIFE
모달창(Modal Window) 이란? 모달창(Modal Windows) (모달 상자 또는 모달 대화 상자라고도 함)은 대화상자 또는 팝업창 유형으로 화면의 사용자 인터페이스 상단에 나타나는 UI요소 입니다. 그것들은 보통 html, javascript, css의 조합으로 설계됩니다. 대부분의 경우, 화면의 중요한 부분을 차지하는 대화창 모양을 가지므로, 사용자가 중요 메시지를 놓칠 수 없습니다. 사용자의 주의를 끌도록 배치된 모달창을 통해 환영 메시지 또는 앱 내의 중요한 메시지를 전달 할 수 있습니다. 모달창은 조회 조건 및 도움말, 툴팁과 같은 적절한 순간에 크게 활용되고 있습니다. 개인적으로 생각하는 업무에 적용이 가능한 Modal 팝업의 조건 1. Modal 팝업이 오픈되면 오픈된 창 이외의 창..
아래의 내용은 인프런의 캡틴판교님의 강의를 정리한 내용입니다. 제 소스도 아니고, 무언가를 배우기 위해서는 직접 keyin 하는 방법이 좋기 때문에, 중요 소스는 죄송하지만 이미지 입니다. 정상동작합니다. 1. Todo List를 보여주는 방법 TodoList.vue 파일의 created Hook을 App.vue 으로 옮겼습니다. props 기능 : 상위에서 하위로 데이터를 보내는 기능 2. TodoList 등록하는 방법 TodoInput.vue 파일의 addTodo 기능을 App.vue 으로 옮겼습니다. $emit 기능 : 하위에서 상위로 데이터를 보내는 기능 3. TodoList 삭제 및 Toggle 방법 하위에서 상위로 데이터를 보내기 때문에 역시 $emit 기능 입니다. 4. 전체 삭제 기능 하위..
목표 : 1. DB 정보를 파일정보로 관리합니다. - 여러개의 DB 정보를 갖을 수 있습니다. 2. 파일정보에서 DB정보를 읽어 셋팅합니다. 3. DB 접속 테스트를 수행합니다. 4. 접속되면, 성공 메시지를 보여주고, 팝업이 닫습니다. 1. New Window 버튼을 클릭하면 Database 선택 팝업이 오픈( Modal 창입니다. )됩니다. 2. Database 를 선택합니다. 3. Database를 선택하면, DB 설정 파일을 읽어서 정보를 셋팅합니다. 4. 확인을 클릭하면, 접속 테스트를 수행합니다. 접속 테스트 시 필수입력 체크를 합니다. 5. 접속 테스트를 성공하면, 성공메시지를 보여주고, 창을 닫습니다. import tkinter as tk from tkinter import ttk from..