v0o0v blog

Vaadin - Component Vaadin은 40개 이상의 컴포넌트를 지원한다. https://vaadin.com/docs/latest/components 각 컴포넌트는 custom element로 만들어지기 때문에 자바 코드가 아닌 클라이언트 사이드의 HTML로 컴포넌트를 추가 할 수 있다. Vaadin에서 제공하는 컴포넌트 외에 커스텀 컴포넌트를 만들어 사용할 수도 있다. 예를 들어 네이버맵 같은 라이브러리를 컴포넌트화 해서 사용할 수 있다.(이건 다음에 다른 꼭지로..) https://vaadin.com/docs/latest/create-ui/web-components Vaadin에서 제공하는 컴포넌트는 Vaadin의 테마 기능을 사용할 수 있다. 이 말은 내가 만든 테마를 추가해서 웹화면 전체..

Vaadin - Layout Layout Vaadin의 화면을 구성하기 위해서는 기본적으로 Layout을 알아야 한다. Layout 위에 컴포넌트가 구성되어 컴포넌트는 그 레이아웃의 특성에 맞게 배치된다. 또한 레이아웃 자체도 컴포넌트이기 때문에 레이아웃 안에 레이아웃을 추가할 수 있다. 그렇기 때문에 Vaadin에서 제공하는 여러 레이아웃의 조합을 통해 다양한 화면 구성이 가능하다. 기본 Layout DIV : HTML DIV 태그를 그대로 표현 Vertical : 내부 Component를 수직적으로 나열 @Route("basic-layouts/vertical-layout") public class BasicLayoutsVerticalLayout extends Div { public BasicLayou..

Vaadin - Intro Site : https://vaadin.com/ Overview 자바만으로 웹 앱을 제작 할 수 있다. 스프링 부트와 좋은 궁합을 보여준다. 개인이 쓰기에는 조금 비싼 가격이지만 Core Plan은 무료이고 Vaadin의 핵심 프레임워크라고 할 수 있는 Flow는 오픈소스이다. 또한 무수히 무료 Add-On들이 제공된다. 백엔드 개발자가 간단하게 관리자툴을 제작할 때 적절하다. 국내 자료가 거의 없다. 단 한권의 국내 서적. 그나마도 2017년에 나온 8버전. 현재 23버전. Get Started Vaadin 홈페이지에서 제공하는 퀵스타트 프로젝트를 통해서 간단하게 알아보자. https://vaadin.com/docs/latest/guide/quick-start Vaadin은 ..