# dialog
[Swift] Bottom Alert View 제작하기 - 1
Tool Info Xcode 13.3 Swift 5.6 SnapKit 5.0.1 RxSwift 6.0.0 RxCocoa 6.0.0 Declaration 앱에서 커스텀한 BottomAlertView를 제작한 과정을 적어 봤습니다. 해당 View를 통해 여러가지의 Al
[Flutter / error] CupertinoDatePicker 'this.initialDateTime.minute % minuteInterval == 0': initial minute is not divisible by minute interval)
CupertinoDatePicker에서 분단위를 지정하는 경우 아래와 같이 작성하게 되면아래와 같은 오류가 발생합니다.'this.initialDateTime.minute % minuteInterval == 0': initial minute is not divisible
[Flutter / error] CupertinoDatePicker 'mode != CupertinoDatePickerMode.dateAndTime || minimumDate == null || !this.initialDateTime.isBefore(minimumDate!)'
CupertinoDatePicker에서 초기시간과 최소시간을 동일하게 지정해야 하는 경우 아래와 같이 작성하게 되면 아래와 같은 오류가 발생합니다.'mode != CupertinoDatePickerMode.dateAndTime || minimumDate == null
Safari dialog 태그 안 먹는다
결과부터 얘기하면 Safari 에서 dialog 태그 안 먹습니다. div 같은 다른 태그 사용하는 것 추천합니다.React를 사용해서 dialog 태그 사용해서 Modal 제작했습니다.테스트 했을때, PC, Android 에서 모달 잘 꺼짐 But, iOS 에서 안
OrderAction.vue_20211222
1222 개발일지
어제까지 2개 테이블 CRUD를 끝내고 오늘부터 3번째 테이블 (출장 관련자 테이블) 을 추가하려고 한다. 출장정보 등록 페이지에서 별도의 창을 열어서 인물을 선택한 뒤 부모 창으로 돌아와서 출장정보 등록 시 동시에 생성되도록 하고 싶은데 상당히 복잡해질 것 같다. 일
Menu5.vue_20211221

[react] chakra-ui를 이용해 모달 만들기 (Typescript + Next.js)
만들어 볼 결과물은 gif와 같은 모달이다.아직 디자인이 완전히 나온 상태가 아니어서 모달의 타입을 정확히 구분지을 수 없었다.따라서 헤더(타이틀)와 푸터(버튼)의 디자인에 따라 타입을 나누고, 바디는 children 을 이용해 받을 것이다.chakra-ui로 모달을

[React] 카카오 Map API - Polyline Json 업로드
구글의 Timeline 데이터는 Json 파일인데 이걸 멀티로 업로드하는 기능이 필요한데,화면을 따로 빼기보다는 dialog로 팝업창 띄우는 방식으로 해보았다material-ui에 Dialog를 활용했고, 텍스트와 버튼을 추가하고 업로드하는 영역도 추가된 모습https

CSS-react (Dialog + ImgSlider)
dialog의 open / close를 처리하기 위한 state + Handle 함수 필요!(App.js)DialogTemplate 내부에 Wrapper가 들어가는 구조(Slider.js)1) background : rgba(0, 0, 0, 0.8)로 뒤에 배경 투명도
jQuery의 dialog
jQuery에 기본으로 탑재되어있는 dialog는 정말 사용이 용이하다.dialog는 팝업인데, 크기 조절이 가능하며, 움직이는 것도 가능하다.위와 같이 실행하면 body태그 끝에 붙고, 필요에 따라 특정 태그 안에 만들고 싶을 때 추가로 옵션을 설정하면 된다.
angular material dialog 재사용하기
angular로 작업하던 중 여러개의 dialog를 띄워야 했다. 검색 중 angular material을 알게되었고 MatDailog를 사용하기로 했다. angular material : https://material.angular.io/components/dialog/overview 참고한 dialog 예제 : https://stackblitz.com...