[java] Vaadin과 MongoDB 통합

29 Nov 2023

java

Vaadin은 자바 기반의 웹 프레임워크로, 사용자 인터페이스를 손쉽게 개발할 수 있도록 도와줍니다. 반면, MongoDB는 강력하고 유연한 NoSQL 데이터베이스입니다. 이번 블로그 포스트에서는 Vaadin과 MongoDB를 함께 사용하여 데이터베이스로부터 데이터를 가져와 웹 애플리케이션에 통합하는 방법에 대해 알아보겠습니다.

MongoDB 데이터베이스 설정

먼저, MongoDB에 연결하기 위해 MongoDB 데이터베이스를 설정해야 합니다. 다음은 Maven을 사용하여 MongoDB에 연결하기 위한 의존성을 추가하는 예시입니다.

<dependency>
    <groupId>org.mongodb</groupId>
    <artifactId>mongo-java-driver</artifactId>
    <version>3.12.7</version>
</dependency>

그리고 MongoDB에 연결하기 위한 코드를 작성해야 합니다. 다음은 MongoDB에 연결하고 컬렉션을 가져오는 예시 코드입니다.

import com.mongodb.client.MongoClients;
import com.mongodb.client.MongoClient;
import com.mongodb.client.MongoCollection;
import com.mongodb.client.MongoDatabase;

// MongoDB에 연결하는 메소드
public static MongoClient connectToMongoDB(String host, int port) {
    String connectionString = "mongodb://" + host + ":" + port;
    return MongoClients.create(connectionString);
}

// MongoDB 컬렉션을 가져오는 메소드
public static MongoCollection<Document> getCollection(MongoClient mongoClient, String databaseName, String collectionName) {
    MongoDatabase database = mongoClient.getDatabase(databaseName);
    return database.getCollection(collectionName);
}

public static void main(String[] args) {
    MongoClient mongoClient = connectToMongoDB("localhost", 27017);
    MongoCollection<Document> collection = getCollection(mongoClient, "mydatabase", "mycollection");
}

Vaadin에서 MongoDB 데이터 사용하기

이제 Vaadin에서 MongoDB 데이터를 사용해보겠습니다. Vaadin에서 MongoDB 데이터를 처리하려면 데이터베이스에서 가져온 데이터를 Vaadin 데이터 모델에 매핑해야 합니다.

import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.router.Route;
import com.vaadin.flow.server.PWA;

@Route("myroute")
@PWA(name = "My Vaadin App", shortName = "Vaadin App")
public class MyView extends VerticalLayout {
    
    public MyView() {
        // MongoDB에서 데이터 가져오기
        MongoClient mongoClient = connectToMongoDB("localhost", 27017);
        MongoCollection<Document> collection = getCollection(mongoClient, "mydatabase", "mycollection");
        
        // 데이터를 Vaadin 데이터 모델에 매핑하여 그리드에 표시
        List<Document> documents = collection.find().into(new ArrayList<>());
        Grid<Document> grid = new Grid<>();
        grid.setItems(documents);
        grid.addColumn(Document::getString, "name").setHeader("Name");
        grid.addColumn(Document::getInteger, "age").setHeader("Age");
        
        add(grid);
    }
}

위의 코드는 Vaadin 앱의 “myroute” 경로에서 실행되는 View를 정의하는 예시입니다. MongoDB에서 데이터를 가져와서 Vaadin의 Grid 컴포넌트에 표시합니다.

이제 Vaadin 앱을 실행하면 MongoDB 데이터베이스의 데이터가 그리드에 표시될 것입니다.

결론

Vaadin과 MongoDB는 강력한 도구로, 두 기술을 함께 사용하여 데이터베이스에서 가져온 데이터를 웹 애플리케이션에 쉽게 통합할 수 있습니다. 이 글에서는 Vaadin과 MongoDB를 연동하는 방법에 대해 알아보았습니다. Vaadin과 MongoDB를 사용하여 더욱 강력하고 유연한 웹 애플리케이션을 개발해보세요.

MongoDB 데이터베이스 설정

Vaadin에서 MongoDB 데이터 사용하기

결론

참고 자료