Flutter Forward Extended Korea

Flutter Forward Extended Korea

Flutter Seoul에서 주최한 Flutter Forward Extended Korea에 방문했다. Google에서 주최하는 Flutter Forward를 기반으로 국내 Flutter 개발자들의 기술 발전과 네트워킹을 공유하는 자리로, Flutter에 관심을 가지고 공부를 해왔기 때문에 호기심이 생겨 참여하게 되었다. 국내 IT 업계 Flutter 점유율은 점점 늘어나고 있지만 아직 많이 부족하다. (이번에 주최측에서 채용부스를 기획했는데 참가 기업이 저조해 취소되었다 🥲) 그럼에도 Flutter는 포텐셜이 상당히 높고 올해 초에 많이 안정화되어 입소문을 타고 있으니 앞으로의 폭발적인 성장이 기대된다. 국내 Flutter 개발 최전선에 위치한 개발자들의 세션을 듣고 짧게 감상을 남겨보았다.

 

1. Flutter 개발자라면 놓치면 안되는 Flutter Forward Contents – CuroGom

Flutter Forward

• New Version: 안정적인 Flutter 3.7 버전 지속적 업데이트
• Dart 3a: Perfect Null Safety + 더욱 Modern해진 Language
• New UI Engine: Skia 엔진을 대체할 차세대 엔진 Impeller

 

Flutter Forward On-Demand 中 추천 세션

• Prototyping beautiful designs: Flutter의 기본적인 UI Prototyping 기초 정리
• Material 3: Flutter에서 Material 2를 넘어 Material 3 기반 디자인 적용 과정
• Canvas.drawVertices: Flutter가 Canvas를 바탕으로 Widget을 그리는 원리
• Flutter new rendering backend: Impeller 엔진 개발 배경 및 개선된 사항
• How to write effective Flutter & Dart tests: Flutter에서 효과적인 테스트 방법
• Securing Flutter App: Flutter 모바일 앱에서 발생할 수 있는 보안 문제와 해결책

 

Google에서 발표한 Flutter Forward의 핵심 세션을 소개하며 시작되었다. 눈에 띄는 변화는 Dart 3.a 버전과 새로운 그래픽 엔진 Impeller이다. 멀티 플랫폼을 위해 운영체제에 의존하지 않는 독자적인 그래픽 엔진을 사용하는 Flutter는 네이티브 개발에 비해 렌더링 최적화가 부족하다는 이야기가 있었다. 이를 대폭 개선한 Impeller의 등장, Flutter 붐은 올까? 😎

 

2. F&S 채용 및 Flutter 기반 서비스 홍보 - 윤정원

• F&S(Fashion&Style): SNS 매체로 시작한 Digital Fashion Media 서비스
• F&S 자체 애플리케이션을 빠르고 유연하게 개발하기 위해 Flutter 채택
• 60 ~ 80만 정도의 대규모 트래픽을 경험을 경험할 개발자 채용 홍보

 

F&S라는 기업의 Flutter 개발자 채용 홍보 시간이었다. 기술적 인사이트는 딱히 없었다 🙄

 

3. Flutter Web 베스트 사용하기! - Justin Ji & 신예은

Flutter Web의 단점

• Hot Reload마다 화면 refresh
• 최초 페이지 로딩이 느림
• SEO를 공식 지원하지 않음

 

Flutter Web 장점

• 하나의 코드베이스로 기존 Flutter 앱을 Web으로 배포
• 서비스 초기, MVP 형태로 빠르게 개발해 빠른 피드백
• 웹이지만 UI 컴포넌트를 사용해 유려한 사용자 경험

 

• PWA ~ 설치 용이성 / 크로스 플랫폼 호환성 / 오프라인 작동 / 자동 업데이트/ 푸시 알림
• Flutter스러운 기능들을 웹으로 이식 + PWA를 활용한 빠른 앱 배포 = MVP 최적화

 

디자이너와의 협업

• Flutter App Design = 레고 블록 쌓기
• 블록 단위로 빠른 피드백 > 업무 효율 증대
• pub.dev를 참고, 실제 구현을 고려해 디자인

 

상당히 흥미로운 세션이었다. 개발 속도를 극한으로 끌어올리기 위해 Flutter Web으로 MVP 개발 후 iOS나 Android로 각각 빌드하지 않고 PWA로 배포한다는 점이 놀라웠다. 아직 단점이 많지만 더 안정화된다면 Web과 App을 동시에 개발해야 하는 스타트업에서 Flutter Web + PWA 조합을 채택하는 경우가 늘어나지 않을까 싶다. 디자이너도 업무 효율을 위해 pub.dev를 참고해 Flutter 개발자와 디자인을 조율 한다고 한다. Flutter의 생산성을 극한으로 활용하고 있는 분들인 것 같다 🤓

 

4. Flutter 2023 Roadmap – 박제창

Flutter 2023 Roadmap @Flutter Forward Extended Korea

가장 전문성 있었다. Flutter 최근 동향이 궁금하다면 이 세션 하나로 충분하지 않을까 🙂

 

5. Flutter로 앱 개발 입문하기 – 양수장

Flutter Forward EXTENDED - Flutter로 앱 개발 입문하기 - 공개용

제목 그대로 Flutter 입문자를 위한 세션이었다. 유익했지만 컨퍼런스에 적절한 주제인지는.. 👀

 

6. What’s new in Dart 3.0 - 홍종표

• Records: List<Object>보다 타입을 구체적으로 사용하며 Class보다 성능, 코드 수 면에서 효율적
• Class Modifier: 라이브러리 클래스의 구현 및 상속 범위 제한, 제작자가 클래스의 의도를 전달
• Sealed class: 컴파일러가 switch문의 완전성 검사를 해주는 sealed 타입을 추가해 활용성 증대
• Patterns: Collection 및 Object에서 구조 분해 / 패턴 매칭으로 복잡한 분기 처리 단순하게 표현

 

Dart 3.a 버전의 신규 기능들을 소개하는 세션이었다. Dart의 숙련도가 부족해 뭐가 얼마나 편해진 것인지 와 닿지는 않았지만 개념은 대충 이해가 되었다. 가독성과 효율성을 위한 변화가 대부분인 것 같다. JavaScript에 비해 구조 분해를 훨씬 다양하게 사용하는 부분이 인상깊었다. 언어 자체의 난이도는 더 올라간 것이 아닐까 🫠

 

7. Flutter에 Figma Variable Fonts 적용하기 - 정주영

• Figma에서 디자이너와 개발자가 함께 하나의 폰트에 대한 세부적인 사항 조정
• Weight / Width / Slant / Grad / Optical size 등 하나의 폰트로 다양한 스타일 디자인
• Flutter는 다운받은 Custom Font를 넣어 pubspec.yaml 파일에 등록 및 사용 가능
• 하나의 ttf 파일 다운로드 및 등록 후 FontVariation 조절로 손쉽게 구현 가능
• 구글에서 제공하는 폰트에서 variable fonts 옵션을 체크하고 커스텀 범위 확인
• Flutter 말고도 다양한 방식으로 지원, 한글 폰트는 아직 Pretendard 정도

 

Flutter 관련 내용이기보다는 Variable Fonts라는 기술을 소개하는 시간이었다. (Flutter에서만 지원되는 기능이 아니다) 최근 UX 디자인에 관심이 생겼는데 기회가 된다면 바로 적용해보고 싶은 기능인 것 같다 😊

 

8. flutter_naver_map 플러그인 리뉴얼 회고 - 김승빈

GitHub - note11g/flutter_naver_map: 네이버 지도를 플러터에서 띄울 수 있는 플러그인입니다.

개발중인 오픈소스에 대한 설명이 주를 이루었다. 개발 이슈에 대한 세부적인 설명이 대부분이라 크게 와 닿지는 않았지만 플러그인 개발이라는 주제 자체가 마이너해서 흥미롭게 들었다. (Flutter 자체의 불안정성 탓에 아직 npm 패키지보다 개발 난이도가 훨씬 높은 것 같다) 아직 어리신데 열정과 전문성이 대단한 분이었다👍

 

첫 오프라인 컨퍼런스, 인사이트와 함께 굿즈도 야무지게 챙겼다

 

More🔽

GitHub - flutter-korea/newsletter

 

본 내용은 Flutter Seoul의 'Flutter Forward Extended Korea'를 바탕으로 작성되었습니다.