[java] Java Vaadin 관리자 패널 개발

15 Nov 2023

java

Vaadin은 Java 기반의 오픈 소스 웹 애플리케이션 프레임워크로, 사용자 친화적이고 반응형인 웹 앱을 쉽게 개발할 수 있게 도와줍니다. 이번에는 Vaadin을 사용하여 관리자 패널을 개발하는 방법을 알아보겠습니다.

1. Maven 프로젝트 생성

먼저 Maven을 사용하여 Vaadin 프로젝트를 생성합니다. Maven을 사용하면 의존성 관리와 빌드 프로세스가 편리하게 처리됩니다. 다음 명령어로 Maven 프로젝트를 생성합니다:

mvn archetype:generate -DgroupId=com.example -DartifactId=adminpanel -DarchetypeArtifactId=maven-archetype-quickstart -DinteractiveMode=false

2. Vaadin 종속성 추가

생성된 Maven 프로젝트의 pom.xml 파일에 Vaadin 관련 종속성을 추가합니다. 아래의 코드를 <dependencies> 태그 안에 추가합니다:

<dependency>
    <groupId>com.vaadin</groupId>
    <artifactId>vaadin-spring-boot-starter</artifactId>
</dependency>

3. UI 클래스 작성

다음으로 UI 클래스를 작성합니다. src/main/java/com/example/adminpanel 경로에 AdminPanelUI.java 파일을 생성하고, 아래의 코드를 추가합니다:

package com.example.adminpanel;

import com.vaadin.annotations.Theme;
import com.vaadin.annotations.Title;
import com.vaadin.server.VaadinRequest;
import com.vaadin.spring.annotation.SpringUI;
import com.vaadin.ui.UI;

@SpringUI
@Title("Admin Panel")
@Theme("valo")
public class AdminPanelUI extends UI {
    
    @Override
    protected void init(VaadinRequest request) {
        // 여기에 관리자 패널 UI를 구성하는 코드를 작성합니다.
    }
}

4. UI 구성

init() 메서드 안에 관리자 패널 UI를 구성하는 코드를 작성합니다. Vaadin은 다양한 UI 컴포넌트를 제공하므로, 필요한 컴포넌트를 사용하여 관리자 패널을 디자인할 수 있습니다. 예를 들어, 다음과 같이 코드를 작성하여 간단한 관리자 패널을 생성할 수 있습니다:

VerticalLayout adminPanelLayout = new VerticalLayout();
adminPanelLayout.addComponent(new Label("Welcome to Admin Panel!"));
adminPanelLayout.addComponent(new Button("Logout"));
setContent(adminPanelLayout);

5. 어플리케이션 실행

마지막으로 어플리케이션을 실행합니다. 프로젝트 루트 디렉토리에서 다음 명령어를 실행합니다:

mvn spring-boot:run

웹 브라우저에서 http://localhost:8080 으로 접속하면 작성한 관리자 패널이 나타납니다.

이제 Java Vaadin을 사용하여 관리자 패널을 개발하는 방법에 대해 알아보았습니다. Vaadin은 사용자 친화적인 UI를 만들기 위한 다양한 기능을 제공하므로, 웹 애플리케이션 개발에 유용하게 사용될 수 있습니다.

참고 자료

Vaadin 공식 문서: https://vaadin.com/docs
Maven 공식 사이트: https://maven.apache.org/