유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Vaadin: Modern Web UIs in Pure Java—A Live Coding Tour by Sebastian Kuehnau

Devoxx

2025. 10. 9.

0

#frontend
#backend
  • Vaadin은 자바 개발자가 JavaScript, CSS, HTML 없이 순수 자바로 웹 UI를 구축할 수 있게 하여 개발자의 '컴포트 존'을 유지시켜 줍니다. ☕
  • 컴포넌트 기반 프레임워크로, 모든 시각적 요소가 재사용 가능한 컴포넌트로 구성되어 UI 개발을 용이하게 합니다. 🧩
  • 풀스택 프레임워크로서, 백엔드와 UI 구현을 모두 자바로 처리하여 개발 팀이 단일 기술 스택 내에서 효율적으로 작업할 수 있도록 돕습니다. 🔄
  • 오픈소스 프로젝트로, GitHub에서 모든 소스 코드를 공개하며 커뮤니티의 기여와 피드백을 적극적으로 환영합니다. 🤝
  • npm, Vite, Webpack과 같은 기존 웹 기술을 활용하여 클라이언트 측 의존성 관리 및 번들링을 최적화하고, 뛰어난 개발자 경험을 제공합니다. 🛠️
  • Maven/Gradle 플러그인(Vaadin Maven Plugin)을 통해 Spring Boot 프로젝트에 쉽게 통합되며, 클라이언트 측 종속성을 자동으로 관리합니다. ⚙️
  • 핫 디플로이 기능을 지원하여 자바 코드 변경 사항이 브라우저에 즉시 반영되어 빠른 개발 및 테스트가 가능합니다. 🔥
  • Vaadin Maven Plugin은 자바 소스를 분석하여 필요한 클라이언트 측 종속성을 자동으로 다운로드하고 package.json과 같은 메타 파일을 생성합니다. 🤖
  • @Route 어노테이션을 사용하여 자바 클래스를 웹 페이지로 쉽게 매핑하고 URL 라우팅을 설정할 수 있습니다. 🗺️
  • 텍스트 필드, 버튼 등 다양한 UI 컴포넌트를 자바로 생성하고, 클릭 리스너를 통해 알림을 표시하는 등 상호작용을 쉽게 구현할 수 있습니다. 👆
  • Grid 컴포넌트를 사용하여 백엔드 자바 빈(예: Spring Data JPA)과 직접 연결하여 데이터 목록을 효율적으로 표시하고 관리합니다. 📊
  • 빈 타입을 생성자 파라미터로 전달하면 Vaadin이 리플렉션을 사용하여 빈의 속성으로부터 자동으로 Grid 컬럼을 생성하여 개발 시간을 절약합니다. 🪄
  • Grid의 단일 선택 기능을 활용하여 선택된 항목의 데이터를 폼 필드에 자동으로 채워 넣는 등 CRUD 작업을 위한 UI를 쉽게 구축할 수 있습니다. 📝

Recommanded Videos