뒤로
Ska Lee
Ska Lee ·

플러터로 개발한 웹사이트 사용할 수 있을까? (단점 vs 장점)

Flutter를 사용하면 단일 코드베이스에서 모바일, 웹, 데스크톱 및 임베디드 장치용 앱을 모두 구축할 수 있습니다. -  Flutter 공식 사이트

플러터는 안드로이드, iOS 앱을 단일 코드로 네이티브 앱을 개발 할 수 있는 장점이 있어요.

웹으로도 가능하다고 하지만 현재 운영하는 서비스는 구글 어스(earth.google.com) 정도가 있네요.

레딧에서도 플러터 웹에 대해 그다지 호의적이진 않습니다. 똥같은 도구라고 하네요 🤣

Screenshot 2024-09-09 at 12.28.32 PM.pngScreenshot 2024-09-09 at 12.28.42 PM.pngScreenshot 2024-09-09 at 12.29.14 PM.png

대표적인 문제로 아래 4가지인데

1. SEO 불가

2. 웹사이트 최초 지연 로딩 

3. 랜더링시 한글 폰트 일시적으로 깨져(두부 박스) 보이는 현상 -  구글 어스 사이트에서도 초기 한글 로딩 시 보실 수 있음

4. Adsense 적용

1번은 현재는 SEO 적용되는 패키지들이 있어서 검색 시 문제 없이 SEO가 적용되고 있어요.

2번은 플러터가 웹에서 실행되는 과정에서 Flutter가 빌드시 소요되는 시간이 있는데 이 시간이 길어서 어쩔 수 없는 거 같아요. Flutter 개발 팀을 믿고 기다리는 수 밖에 🙏

3번은 초기 로딩 시 파일 중에 폰트가 없으면 구글 어스와 같이 순간적으로 ☐(두부 박스) 출현 후 글씨가 출력됩니다. 두부 박스를 없애자고 한글 폰트를 같이 빌드하면 용량이 늘어나서 2번 문제인 초기 로딩이 늘어나게 되구요.
예) https://www.triptong.app (준비중인 여행사 사이트 - 네이버 폰트 적용 시)

4번은 이번에 구글 Gemini Ai 대회에 출품하려고 Flutter web으로 개발했는데 Adsense가 막혀서 알아보던 차에 https://github.com/flutter/flutter/issues/40376 플러터 공식 Github에 상위 이슈(P1)로 해결중이네요.

그럼 플러터 웹사이트의 장점은 뭐가 있을까요?

플러터 웹사이트의 장점은

  1. 모바일 앱과 같은 코드로 작성하기에 개발 리소스를 절약

  2. 단일 코드로 앱 확장성 및 유지보수의 편리

  3. 앱을 설치 하지 않고도 유저가 웹사이트로 서비스를 경험 및 앱 사용자로 전환

이런 장점들이 있지만 플러터 웹을 몇년간 써보고 실제 서비스를 개발하는 입장으로서

웹사이트로 운영하는 서비스라면 플러터로 개발을 추천드리지 않아요.

모바일 앱과 웹사이트로 동시에 서비스를 운영하는 경우 플러터로 개발을 추천드려요.

저는 앱과 웹사이트로 운영하려고 베트남과 태국에서 여행사를 준비하며 개발하고 있어요.

또한 물류 관리, 키오스크 등 비지니스의 특성 상 다양한 단말기에서 앱을 실행한다면 플러터로 개발하면 좋겠죠.

네이버, 라인, ebay 등 여러 기업들의 성공적인 플러터 안착이 늘어나고 있어요.

플러터로 서비스를 개발해보는 건 어떠세요?

5

댓글

로그인 후 댓글을 남길 수 있습니다.

아직 댓글이 없습니다.