web

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

작성

안녕하세요 강사님, 강의 잘 듣고 있습니다.

질문이 하나 있는데요, 저는 현재 웹과 앱을 모두 개발해야 하는 상황입니다. 예를 들어 쇼핑몰이나 ERP, 관리자 페이지 같은 경우 대부분 웹도 필요하고 앱도 함께 제공하는 경우가 많잖아요.

그래서 Flutter로 앱과 웹을 한 번에 개발하면 생산성이 높지 않을까 생각하고 있는데, Flutter Web의 한계점(SEO, 초기 로딩 속도, 웹 전용 UX 등)도 있다는 이야기를 들어서 고민이 됩니다.

강사님께서는 웹과 앱을 모두 만들어야 하는 경우, Flutter 하나로 통합해서 개발하는 걸 어떻게 보시는지 궁금합니다. 실무에서는 어떤 방식을 추천하시는지도 듣고 싶습니다.

flutter 클론코딩

답변 2

코드팩토리

지식공유자

안녕하세요!

결론부터 말씀드리자면 웹은 React 계열로 하시는걸 추천드립니다. Next또는 Remix 쓰시면 될 것 같습니다.

다만 말씀하신대로 관리자페이지정도라면 플러터의 장점을 가져간다고 했을때 (크로스 플랫폼) 큰 장점이 있을 수 있습니다. 하지만 웹에 포커스가 가있는 서비스는 조금 어려울 수 있습니다.

감사합니다!

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. Full Stack 개발자님.

Flutter는 단일 코드베이스를 사용하여 모바일, 웹, 데스크톱 등 다양한 플랫폼에서 애플리케이션을 개발할 수 있는 강력한 프레임워크입니다. 하지만 말씀하신 대로 Flutter Web은 몇 가지 한계점이 있을 수 있습니다.

초기 로딩 속도: Flutter Web은 초기에 상당한 양의 JavaScript 코드를 로드해야 하므로 초기 로딩 속도가 느릴 수 있습니다.
SEO: 현재 Flutter Web은 검색 엔진 최적화(SEO) 측면에서 제한이 있습니다. 이는 대부분의 크로스플랫폼 프레임워크에서 공통적인 문제입니다.
웹 전용 UX: 모바일 앱에 최적화된 디자인은 웹에서는 적절하지 않을 수 있습니다. 사용자 경험(UX)은 플랫폼별로 다를 수 있어 이를 고려해야 합니다.

실무적으로 웹과 앱을 모두 지원해야 하는 경우, 다음과 같은 접근 방식을 고려해 볼 수 있습니다:
- Flutter는 앱 개발에 중점을 두고, 웹에서는 전통적인 웹 기술(React, Angular, Vue.js 등) 또는 Next.js 같은 도구를 사용하는 방법도 있습니다.
- 각 플랫폼의 특성을 최대한 활용하기 위해 웹과 앱을 별도의 프로젝트로 개발하는 것도 방법입니다. 이 경우 코드 재사용성은 떨어지지만, 각 플랫폼에서의 최적화된 사용자 경험을 제공할 수 있습니다.

아래의 유사한 질문들에서 기존 답변도 참고해 보세요:
- 어드민 페이지 문의: 플러터 앱과 JSON으로 웹을 연동하는 방법과 어떤 백엔드 기술을 사용할지에 대한 고민을 담고 있습니다.
- 서버 제작 관련: 플러터와 API 서버의 조합에 대한 고민을 공유하였으며, 구체적인 구현 방법에 대한 논의가 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

web