Jaspr on Observable Flutter → https://goo.gle/48TdWUP
Buddyfinder on GitHub → https://goo.gle/3L3yQsD
Craig와 함께 Jaspr와 Antigravity를 사용하여 Dart 기반의 기존 웹사이트 환경을 구축하고, 비즈니스 로직을 Flutter 앱과 공유하는 방법을 알아보세요.
Jaspr의 렌더링 파이프라인은 Flutter와 달리 HTML과 CSS를 생성합니다. Flutter는 픽셀을 캔버스에 직접 렌더링하는 방식이 아닙니다. Jaspr는 Flutter 위젯에서 영감을 받은 '컴포넌트'라는 클래스를 사용합니다. 이 영상을 통해 Antigravity에서 프롬프트를 표시하는 것부터 시작하여 공유 API, 공유 클래스 및 로직을 사용하여 Flutter 앱과 Jaspr 웹사이트를 빠르게 구축하는 방법을 확인해 보세요.
이 영상에서 사용된 프롬프트:
➡ “고양이와 강아지 입양 사이트인 Buddyfinder라는 프로젝트의 개요를 작성하세요. 프로젝트는 크게 네 가지 구성 요소로 이루어져야 합니다. 공유 API 역할을 하는 Dart Frog 서버, SEO 친화적인 웹사이트를 구현하는 서버 렌더링 방식의 Jaspr 프로젝트, 모바일 앱 개발을 위한 Flutter 프로젝트, 그리고 공통 비즈니스 로직과 데이터 모델을 저장할 `shared` 디렉토리입니다.”
목차:
0:00 - 소개
1:21 - Jaspr 사이트와 Flutter 앱 연결하기
5:46 - Hydration을 사용하여 HTML 컨트롤을 JavaScript로 전달하기
6:35 - 최종 프로젝트
7:07 - Flutter 웹과 Jaspr 비교
더 많은 Flutter Flight Plans 보기 → • How NotebookLM built and shipped a 4.8-Sta...
🔔 Flutter 구독하기 → https://goo.gle/FlutterYT
#Flutter
발표자: Craig Labenz
언급된 제품: Jaspr, Antigravity, Flutter
