UI UIStepper UI Application Development in WebOS Develop applications in WebOS Recognize the abstract class Application The operating system accepts classes that implement Application, Install the application by calling the install() method Call the uninstall() method ... UImvcOSgwtwebos 안드로이드 하단 탭, BottomNavigationView로 구현하기 안녕하세요, 오늘은 안드로이드 하단 탭을 구현하는 방법을 알아보겠습니다. 아래는 완성본입니다. 하단 탭을 구현하기 전, 메뉴에 따라 보여줄 프래그먼트를 구성해줍니다. 저는 아래와 같이 탭 이름만 화면에 나타나는 간단한 홈, 갤러리, 마이페이지 프래그먼트를 구현하였습니다. 필요한 프래그먼트를 모두 생성했으면 아래와 같이 메뉴 리소스 파일을 만들고, 탭을 구성할 메뉴 아이템을 작성해주세요. 그다... UIandroidUI Geant4의 UI Command 기초 이론 Geant4는 UI command라는 개념을 통해 C++ 언어로 하드코딩 하지 않고도 시뮬레이션 전반을 핸들링하거나 모니터링할 수 있도록 합니다. 이 글에서는 Geant4의 UI Command 사용에 대한 기초 이론을 다룹니다. Geant4는 시뮬레이션 이전, 도중, 이후에 시뮬레이션의 조건 등을 조작하거나 정보를 추출하는 등의 다양한 기능을 수행할 수 있도록 UI Command라는 기능을 ... UIGeant4commandGeant4 플러터 UI 챌린지 #1 BottomNavigationBar 가 스캐폴드의 Body를 컨트롤 하는 구성 AppBar와 BottomNavigationBar 를 제외 하고, 상 - 중 - 하 3단계로 구분 할 수 있는 구조 상단 Container의 BoxDecoration에서 BorderRadius 값을 설정 해 테두리가 둥근 박스 설정 국가 설정 버튼, 전화 버튼, SMS 버튼 디자인은 Chip 위젯을 이용하면 편리하... flutterUI플러터UI [Flutter] showDatePicker 특정 날짜 비활성화 하기 (selectableDayPredicate) 작업을 하다 보면 DatePicker에서 특정 날짜는 선택이 불가능하게 만들고 싶을 때가 있어요. 그럴 때 이 코드를 적용하면 됩니다. showDatePicker 파라미터 이중 특정 날짜를 비활성화 하는 데 사용할 파라미터는 selectableDayPredicate 입니다. 예시 3월 31일이 성공적으로 비활성화 됐습니다. 28일 이전 날짜가 비활성화 되어있는 이유: firstDate가 Da... flutterUIdatepickerUI HTML tag 기초 HTML - 구조(Structure) CSS - 스타일(Presentation) JS - 상호작용(Interaction) 을 표현함. - HTML HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어이다. HTML은 프로그래밍 언어가 아니고, 웹 페이지를 구성하는 뼈대가 되는, 웹페이지의 틀을 만드는 언어이다. HTML은 어떻게 사용하는가? HT... htmlUItagUI [Material] TabLayout 사용법 그림처럼 화면 상단에 위치한 TabLayout 은 주로 화면 전환 등 어떤 대상을 전환하는 기능을 위해 사용된다. TabLayout 은 반드시 화면 상단에 위치할 필요는 없지만, 화면 상단에 위치한 편이 깔끔하다. 원하는 위치에 TabLayout 컴포넌트를 추가하고 그 안에 TabItem 을 추가하면 기본적인 xml 설정이 완료된다. 위 코드는 데이터 바인딩을 사용해 TabLayout 을 설... androidUIUI [UI] react lazy && skeleton ui 사진을 불러올 때, 빈 칸이 생겨서 랜더링을 하면서 요소가 이동한다고 생각해서 그 안에 skeleton ui를 넣어주기로 했다. 여기에 keyframes를 사용해서 animation을 넣었다. react lazy, suspense skeleton ui... skeletonUIreact-lazyReactReact (React) Keycloakify 로 keycloak theme 개발하기 (3) ✔ 로컬 서버에 keycloak 설치하기 ✔ 로그인 화면에 신규 테마 적용하기 오늘은 이전 글에서 빌드한 새로운 테마를 키클락 서버에 적용한다. 키클락 서버를 띄우면 admin 페이지에 접근할 수 있다. 그럼 또 이렇게 로그인 화면이 뜨는데, 방금 만들었던 admin 계정 정보 입력해서 들어가면 된다. 생성한 public-client 를 눌러서 설정 화면으로 진입한다. 로컬에서 띄운 keyc... themebuildReactkeycloakifyadaptortoolUIkeycloakReact Binding Flex TextInput UI Controls to a DataProvider The TextInput can be bound as well so that when the dataSource changes, the value of the TextInput will automatically update. However, unlike the DataGrid, changing the text of the TextInput will not automatically update... UIdatagridfunctionStringFlexbinding easyui 데이터grid에 위아래 방향 키 이동 추가 UIeasy방향키아래로 이동위로 이동 trac 메일링 문제 smtp 세그먼트 설정을 발견하면, 해결 방법,trac/notification.py의 begin_send(self): 방법, 이 줄에 가입... UIWeb GWT의 TreePanel 예: 드래그 이게 기초류예요. 이것은 계승된 드래그 가능한 종류이다... UIextGooglegwt Ext 윈도우에서 iframe 띄우기 요구 사항: 때때로 윈도우 내용이 너무 많아서 표시할 수 없습니다. 어떻게 iframe에서만 제한할 수 있습니까? 해결 방법: 1. 먼저 iframe에게 전체 화면을 보여주고 윈도우 전체 화면을 호환 결함: Ext3.4.1까지 지원 firefoxchrome는 iframe의 모든 부모 노드positon 스타일을 수정해야 합니다. 부모 탭 스타일에 이상이 나타날 수 있습니다. 장점: 완벽한 IE... UIiframewindowext ext2의tree id는 유일한 해결 방법이 아니다 현황: 하나의tree, 두 그룹은tree의 노드가 데이터의 두 테이블에서 꺼내기 때문에 id가 중복될 수 있지만 ext의tree 역시 ID를 통해 구분되어 초점이 정확하게 포지셔닝되지 않습니다. 해결 방법: 1단계:treeloader 클래스의createNode 다시 쓰기 방법 2단계: Ext.tree를 다시 작성합니다.TreePanel 클래스의 registerNode 방법, tree 등록 t... UIext EXT 학습노트06 combox UIext treecheck UIjspext EXT TREE CHECK var Tree = Ext.tree; var tree = new Tree.TreePanel({ el:'tree-div', useArrows:true, autoScroll:true, animate:true, enableDD:true, containerScroll: true, loader: new Tree.TreeLoader({ dataUrl:'treecheckjson.jsp' }) }); tr... UIjspext EXT에서 제공하는 Portal 구성 요소 개선, 사용자 정의 최소화 최대화 단추 EXT를 사용하여 프로젝트의 UI를 실현하려면 프로젝트의 첫 페이지에 Portal과 같은 다중 창을 자유롭게 드래그하는 기능이 필요합니다. Ext의 Portal의 example을 참고하여 실현한 후에 기능을 최대화하고 최소화해야 합니다. Ext의 패널을 찾아보았습니다.js의 원본 코드에서 미리 만들어진 다양한 창 아이콘을 찾았습니다.그리고 사용자 정의 최대화 최소화 기능을 실현했다. 코드는 ... UIextUP EXT 학습노트4(UI 구성 요소 윈도우 소개) EXT를 공부할 때 EXT를 많이 봐야 합니다. 중국에서 EXT 중국어 API를 제공하는 것이 도움이 됩니다. EXT. window 구성 요소의 사용: 이 구성 요소는 페이지에 창을 보여 주고 마음대로 드래그할 수 있습니다. 일반적인 구성 속성: title: 창 제목 레이아웃: 레이아웃 모드 width: 폭 높이 body Style: 창 스타일은 텍스트 상자와 텍스트 상자 앞의 레이블의 합리... UIext 팝업 창 작업 1. UI 인터페이스를 팝업합니다. 예를 들어 섹션 노트 입력 인터페이스가 너무 짧고 조작하기 어려우므로 노트 셀을 클릭하여 UI 인터페이스를 팝업할 수 있습니다. 2. 증빙서류 인터페이스 호출 증빙 서류 도구 모음에 단추를 추가하고 단추를 누르면 다른 증빙 서류 인터페이스가 튀어나와 상응하는 조작을 할 수 있습니다 (기능이 증빙 서류 순서와 유사할 때 얇은 인터페이스가 추가, 수정됨)... UI
UIStepper UI Application Development in WebOS Develop applications in WebOS Recognize the abstract class Application The operating system accepts classes that implement Application, Install the application by calling the install() method Call the uninstall() method ... UImvcOSgwtwebos 안드로이드 하단 탭, BottomNavigationView로 구현하기 안녕하세요, 오늘은 안드로이드 하단 탭을 구현하는 방법을 알아보겠습니다. 아래는 완성본입니다. 하단 탭을 구현하기 전, 메뉴에 따라 보여줄 프래그먼트를 구성해줍니다. 저는 아래와 같이 탭 이름만 화면에 나타나는 간단한 홈, 갤러리, 마이페이지 프래그먼트를 구현하였습니다. 필요한 프래그먼트를 모두 생성했으면 아래와 같이 메뉴 리소스 파일을 만들고, 탭을 구성할 메뉴 아이템을 작성해주세요. 그다... UIandroidUI Geant4의 UI Command 기초 이론 Geant4는 UI command라는 개념을 통해 C++ 언어로 하드코딩 하지 않고도 시뮬레이션 전반을 핸들링하거나 모니터링할 수 있도록 합니다. 이 글에서는 Geant4의 UI Command 사용에 대한 기초 이론을 다룹니다. Geant4는 시뮬레이션 이전, 도중, 이후에 시뮬레이션의 조건 등을 조작하거나 정보를 추출하는 등의 다양한 기능을 수행할 수 있도록 UI Command라는 기능을 ... UIGeant4commandGeant4 플러터 UI 챌린지 #1 BottomNavigationBar 가 스캐폴드의 Body를 컨트롤 하는 구성 AppBar와 BottomNavigationBar 를 제외 하고, 상 - 중 - 하 3단계로 구분 할 수 있는 구조 상단 Container의 BoxDecoration에서 BorderRadius 값을 설정 해 테두리가 둥근 박스 설정 국가 설정 버튼, 전화 버튼, SMS 버튼 디자인은 Chip 위젯을 이용하면 편리하... flutterUI플러터UI [Flutter] showDatePicker 특정 날짜 비활성화 하기 (selectableDayPredicate) 작업을 하다 보면 DatePicker에서 특정 날짜는 선택이 불가능하게 만들고 싶을 때가 있어요. 그럴 때 이 코드를 적용하면 됩니다. showDatePicker 파라미터 이중 특정 날짜를 비활성화 하는 데 사용할 파라미터는 selectableDayPredicate 입니다. 예시 3월 31일이 성공적으로 비활성화 됐습니다. 28일 이전 날짜가 비활성화 되어있는 이유: firstDate가 Da... flutterUIdatepickerUI HTML tag 기초 HTML - 구조(Structure) CSS - 스타일(Presentation) JS - 상호작용(Interaction) 을 표현함. - HTML HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어이다. HTML은 프로그래밍 언어가 아니고, 웹 페이지를 구성하는 뼈대가 되는, 웹페이지의 틀을 만드는 언어이다. HTML은 어떻게 사용하는가? HT... htmlUItagUI [Material] TabLayout 사용법 그림처럼 화면 상단에 위치한 TabLayout 은 주로 화면 전환 등 어떤 대상을 전환하는 기능을 위해 사용된다. TabLayout 은 반드시 화면 상단에 위치할 필요는 없지만, 화면 상단에 위치한 편이 깔끔하다. 원하는 위치에 TabLayout 컴포넌트를 추가하고 그 안에 TabItem 을 추가하면 기본적인 xml 설정이 완료된다. 위 코드는 데이터 바인딩을 사용해 TabLayout 을 설... androidUIUI [UI] react lazy && skeleton ui 사진을 불러올 때, 빈 칸이 생겨서 랜더링을 하면서 요소가 이동한다고 생각해서 그 안에 skeleton ui를 넣어주기로 했다. 여기에 keyframes를 사용해서 animation을 넣었다. react lazy, suspense skeleton ui... skeletonUIreact-lazyReactReact (React) Keycloakify 로 keycloak theme 개발하기 (3) ✔ 로컬 서버에 keycloak 설치하기 ✔ 로그인 화면에 신규 테마 적용하기 오늘은 이전 글에서 빌드한 새로운 테마를 키클락 서버에 적용한다. 키클락 서버를 띄우면 admin 페이지에 접근할 수 있다. 그럼 또 이렇게 로그인 화면이 뜨는데, 방금 만들었던 admin 계정 정보 입력해서 들어가면 된다. 생성한 public-client 를 눌러서 설정 화면으로 진입한다. 로컬에서 띄운 keyc... themebuildReactkeycloakifyadaptortoolUIkeycloakReact Binding Flex TextInput UI Controls to a DataProvider The TextInput can be bound as well so that when the dataSource changes, the value of the TextInput will automatically update. However, unlike the DataGrid, changing the text of the TextInput will not automatically update... UIdatagridfunctionStringFlexbinding easyui 데이터grid에 위아래 방향 키 이동 추가 UIeasy방향키아래로 이동위로 이동 trac 메일링 문제 smtp 세그먼트 설정을 발견하면, 해결 방법,trac/notification.py의 begin_send(self): 방법, 이 줄에 가입... UIWeb GWT의 TreePanel 예: 드래그 이게 기초류예요. 이것은 계승된 드래그 가능한 종류이다... UIextGooglegwt Ext 윈도우에서 iframe 띄우기 요구 사항: 때때로 윈도우 내용이 너무 많아서 표시할 수 없습니다. 어떻게 iframe에서만 제한할 수 있습니까? 해결 방법: 1. 먼저 iframe에게 전체 화면을 보여주고 윈도우 전체 화면을 호환 결함: Ext3.4.1까지 지원 firefoxchrome는 iframe의 모든 부모 노드positon 스타일을 수정해야 합니다. 부모 탭 스타일에 이상이 나타날 수 있습니다. 장점: 완벽한 IE... UIiframewindowext ext2의tree id는 유일한 해결 방법이 아니다 현황: 하나의tree, 두 그룹은tree의 노드가 데이터의 두 테이블에서 꺼내기 때문에 id가 중복될 수 있지만 ext의tree 역시 ID를 통해 구분되어 초점이 정확하게 포지셔닝되지 않습니다. 해결 방법: 1단계:treeloader 클래스의createNode 다시 쓰기 방법 2단계: Ext.tree를 다시 작성합니다.TreePanel 클래스의 registerNode 방법, tree 등록 t... UIext EXT 학습노트06 combox UIext treecheck UIjspext EXT TREE CHECK var Tree = Ext.tree; var tree = new Tree.TreePanel({ el:'tree-div', useArrows:true, autoScroll:true, animate:true, enableDD:true, containerScroll: true, loader: new Tree.TreeLoader({ dataUrl:'treecheckjson.jsp' }) }); tr... UIjspext EXT에서 제공하는 Portal 구성 요소 개선, 사용자 정의 최소화 최대화 단추 EXT를 사용하여 프로젝트의 UI를 실현하려면 프로젝트의 첫 페이지에 Portal과 같은 다중 창을 자유롭게 드래그하는 기능이 필요합니다. Ext의 Portal의 example을 참고하여 실현한 후에 기능을 최대화하고 최소화해야 합니다. Ext의 패널을 찾아보았습니다.js의 원본 코드에서 미리 만들어진 다양한 창 아이콘을 찾았습니다.그리고 사용자 정의 최대화 최소화 기능을 실현했다. 코드는 ... UIextUP EXT 학습노트4(UI 구성 요소 윈도우 소개) EXT를 공부할 때 EXT를 많이 봐야 합니다. 중국에서 EXT 중국어 API를 제공하는 것이 도움이 됩니다. EXT. window 구성 요소의 사용: 이 구성 요소는 페이지에 창을 보여 주고 마음대로 드래그할 수 있습니다. 일반적인 구성 속성: title: 창 제목 레이아웃: 레이아웃 모드 width: 폭 높이 body Style: 창 스타일은 텍스트 상자와 텍스트 상자 앞의 레이블의 합리... UIext 팝업 창 작업 1. UI 인터페이스를 팝업합니다. 예를 들어 섹션 노트 입력 인터페이스가 너무 짧고 조작하기 어려우므로 노트 셀을 클릭하여 UI 인터페이스를 팝업할 수 있습니다. 2. 증빙서류 인터페이스 호출 증빙 서류 도구 모음에 단추를 추가하고 단추를 누르면 다른 증빙 서류 인터페이스가 튀어나와 상응하는 조작을 할 수 있습니다 (기능이 증빙 서류 순서와 유사할 때 얇은 인터페이스가 추가, 수정됨)... UI