Vaadin은 사용자 인터페이스를 구축하기 위한 자바 프레임워크로, 다양한 컴포넌트와 레이아웃을 제공합니다. 이번 포스트에서는 Vaadin에서 사용할 수 있는 몇 가지 주요 컴포넌트와 레이아웃에 대해 알아보겠습니다.

컴포넌트

Button

Vaadin의 Button 컴포넌트는 사용자가 클릭할 수 있는 버튼을 생성하는 데 사용됩니다. 버튼에는 클릭 이벤트를 처리할 수 있는 리스너를 추가할 수 있으며, 사용자에게 버튼이 활성화되어 있는지 여부를 알려줄 수도 있습니다.

Button button = new Button("Click Me");
button.addClickListener(e -> {
   // 버튼이 클릭되었을 때 수행할 동작
});

TextField

TextField 컴포넌트는 사용자에게 입력을 받을 수 있는 텍스트 상자를 생성하는 데 사용됩니다. 사용자가 텍스트 상자에 입력한 내용은 문자열로 얻을 수 있습니다.

TextField textField = new TextField("Enter your name:");
String name = textField.getValue();

ComboBox

ComboBox 컴포넌트는 사용자에게 항목 목록 중 하나를 선택할 수 있는 드롭다운 목록을 생성하는 데 사용됩니다. 선택된 항목은 사용자가 선택한 값으로 얻을 수 있습니다.

ComboBox<String> comboBox = new ComboBox<>("Select an item:");
comboBox.setItems("Item 1", "Item 2", "Item 3");
String selectedItem = comboBox.getValue();

레이아웃

VerticalLayout

VerticalLayout은 수직으로 컴포넌트를 나열하는 데 사용되는 레이아웃입니다. 여러 컴포넌트를 추가하면 첫 번째 컴포넌트가 위로, 두 번째 컴포넌트가 그 아래로 순서대로 배치됩니다.

VerticalLayout layout = new VerticalLayout();
layout.add(button1, button2, button3);

HorizontalLayout

HorizontalLayout은 수평으로 컴포넌트를 나열하는 데 사용되는 레이아웃입니다. 여러 컴포넌트를 추가하면 첫 번째 컴포넌트가 왼쪽으로, 두 번째 컴포넌트가 그 오른쪽으로 순서대로 배치됩니다.

HorizontalLayout layout = new HorizontalLayout();
layout.add(button1, button2, button3);

GridLayout

GridLayout은 그리드 형태로 컴포넌트를 배치하는 데 사용되는 레이아웃입니다. 행과 열의 개수를 지정하여 원하는 배치를 할 수 있으며, 각 셀에 컴포넌트를 추가할 수 있습니다.

GridLayout gridLayout = new GridLayout(2, 2);
gridLayout.add(button1, 0, 0);
gridLayout.add(button2, 1, 0);
gridLayout.add(button3, 0, 1);
gridLayout.add(button4, 1, 1);

결론

Vaadin은 다양한 컴포넌트와 레이아웃을 제공하여 사용자 인터페이스를 쉽게 구축할 수 있는 자바 프레임워크입니다. Button, TextField, ComboBox와 같은 컴포넌트를 사용하여 사용자 입력을 처리하고, VerticalLayout, HorizontalLayout, GridLayout 등의 레이아웃을 사용하여 컴포넌트를 배치할 수 있습니다. Vaadin을 사용하면 간편하고 효율적인 웹 애플리케이션을 만들 수 있습니다.

참고: Vaadin 공식 문서