데브허브 | DEVHUB | Using SvelteKit and MIT appinventor to inspire young girls for tech, Domenik ReitznerUsing SvelteKit and MIT appinventor to inspire young girls for tech, Domenik Reitzner
- Woom은 'Vina' 행사에서 300개 이상의 기업과 함께 어린 소녀들에게 기술 직업을 체험하고 직접 무언가를 만들며 기술에 대한 흥미를 유발하는 기회를 제공했습니다. 👧
- 첫 번째 스테이션에서는 Vzero(Vercel)를 사용하여 AI가 사용자 인터페이스를 생성하고 카메라 상호작용 및 지도 생성까지 구현하는 경험을 제공하여 데이터 수집에 대한 대화를 이끌어냈습니다. 🤖
- 두 번째 스테이션에서는 MIT App Inventor를 활용하여 소녀들이 직접 안드로이드 앱의 UI와 로직을 구축하게 함으로써 코딩의 기본 개념(변수, 이벤트, 데이터 전송)을 쉽고 재미있게 익힐 수 있도록 했습니다. 📱
- 대시보드 구축에는 SvelteKit과 Superbase가 사용되었으며, SSR(서버 사이드 렌더링)을 통한 빠른 초기 로딩 속도와 실시간 데이터 업데이트 기능을 손쉽게 구현할 수 있음을 보여주었습니다. ⚡
- Superbase의 실시간 구독 기능을 활용하여 안드로이드 앱에서 전송된 새로운 자전거 등록 정보를 대시보드에 즉시 반영하고, 시각적인 피드백(색종이 폭죽)으로 사용자 참여를 유도했습니다. 📊
- SvelteKit과 Superbase의 통합은 명확한 문서화, 타입스크립트 인텔리센스, 쉬운 설정 과정을 통해 개발 효율성을 높여주며, API 엔드포인트 설정도 간편하게 이루어졌습니다. 🛠️
- 소녀들은 약 30분 만에 직접 앱을 만들고 그 결과가 실시간으로 대시보드에 시각화되는 것을 보며 기술에 대한 성취감과 흥미를 크게 느꼈습니다. ✨
- MIT App Inventor는 코딩 초보자도 '레고 블록'처럼 쉽게 앱을 만들 수 있는 직관적인 플랫폼으로, 안드로이드 앱 빌드 및 배포(QR 코드 다운로드)가 매우 간단합니다. 🧩