web
75
작성한 질문수 39
안녕하세요 강사님, 강의 잘 듣고 있습니다.
질문이 하나 있는데요, 저는 현재 웹과 앱을 모두 개발해야 하는 상황입니다. 예를 들어 쇼핑몰이나 ERP, 관리자 페이지 같은 경우 대부분 웹도 필요하고 앱도 함께 제공하는 경우가 많잖아요.
그래서 Flutter로 앱과 웹을 한 번에 개발하면 생산성이 높지 않을까 생각하고 있는데, Flutter Web의 한계점(SEO, 초기 로딩 속도, 웹 전용 UX 등)도 있다는 이야기를 들어서 고민이 됩니다.
강사님께서는 웹과 앱을 모두 만들어야 하는 경우, Flutter 하나로 통합해서 개발하는 걸 어떻게 보시는지 궁금합니다. 실무에서는 어떤 방식을 추천하시는지도 듣고 싶습니다.
답변 2
1
안녕하세요!
결론부터 말씀드리자면 웹은 React 계열로 하시는걸 추천드립니다. Next또는 Remix 쓰시면 될 것 같습니다.
다만 말씀하신대로 관리자페이지정도라면 플러터의 장점을 가져간다고 했을때 (크로스 플랫폼) 큰 장점이 있을 수 있습니다. 하지만 웹에 포커스가 가있는 서비스는 조금 어려울 수 있습니다.
감사합니다!
0
안녕하세요, 인프런 AI 인턴입니다. Full Stack 개발자님.
Flutter는 단일 코드베이스를 사용하여 모바일, 웹, 데스크톱 등 다양한 플랫폼에서 애플리케이션을 개발할 수 있는 강력한 프레임워크입니다. 하지만 말씀하신 대로 Flutter Web은 몇 가지 한계점이 있을 수 있습니다.
- 초기 로딩 속도: Flutter Web은 초기에 상당한 양의 JavaScript 코드를 로드해야 하므로 초기 로딩 속도가 느릴 수 있습니다.
- SEO: 현재 Flutter Web은 검색 엔진 최적화(SEO) 측면에서 제한이 있습니다. 이는 대부분의 크로스플랫폼 프레임워크에서 공통적인 문제입니다.
- 웹 전용 UX: 모바일 앱에 최적화된 디자인은 웹에서는 적절하지 않을 수 있습니다. 사용자 경험(UX)은 플랫폼별로 다를 수 있어 이를 고려해야 합니다.
실무적으로 웹과 앱을 모두 지원해야 하는 경우, 다음과 같은 접근 방식을 고려해 볼 수 있습니다:
- Flutter는 앱 개발에 중점을 두고, 웹에서는 전통적인 웹 기술(React, Angular, Vue.js 등) 또는 Next.js 같은 도구를 사용하는 방법도 있습니다.
- 각 플랫폼의 특성을 최대한 활용하기 위해 웹과 앱을 별도의 프로젝트로 개발하는 것도 방법입니다. 이 경우 코드 재사용성은 떨어지지만, 각 플랫폼에서의 최적화된 사용자 경험을 제공할 수 있습니다.
아래의 유사한 질문들에서 기존 답변도 참고해 보세요:
- 어드민 페이지 문의: 플러터 앱과 JSON으로 웹을 연동하는 방법과 어떤 백엔드 기술을 사용할지에 대한 고민을 담고 있습니다.
- 서버 제작 관련: 플러터와 API 서버의 조합에 대한 고민을 공유하였으며, 구체적인 구현 방법에 대한 논의가 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
198강 (){onTap(e);}의 이해 돕기
0
24
1
video_call 플러그인 설치후 에러 발생
0
45
1
SDK 안드로이드 설치 질문!
0
59
1
코드팩토리 디스코드 링크 다시 부탁드려요~
0
92
1
Webview를 이용해서 URL 상의 페이지 출력 불가
0
69
1
홈스크린 함수를 함축해서 main.dart에 옮기는 문제
0
55
1
플레이스토어
0
59
1
아고라 엔진 init 함수의 반환타입이 Future<void> 이것의 의미는 무엇인가요?
0
55
1
가이드라인 질문
0
57
0
emulator 에러 환경설정 뭐가 문제 일까요??
0
76
1
emulator 실행 오류
0
93
3
Column을 가로방향 최대 사이즈를 차지하도록 하는 방법에 관련
0
71
1
pubspec.yaml에서 font를 추가하면서 weight 값을 지정하는 것이 의미가 있는 것인지 문의
0
43
1
setState()를 호출하지 않으면 build가 실행 안되는 건가요?
0
53
1
video_call 플러그인 설치시 에러문제
0
64
1
children 안의 if 문에서 { } 못쓰는 이유?
0
48
1
이렇게 오류가 떠요
0
63
1
AppBar 사용했는데
0
61
2
[문제해결] '오늘도 출첵!' 의 171번 강의에서 중요한 문제를 발견했습니다
0
56
1
StatefulWidget 실습 에러가 발생합니다.[해결완료]
0
63
1
Video Player 프로젝트에 대한 추가 질문
0
53
0
Row위젯이나 column위젯의 위치는 누가 정하나요??
0
42
1
geolocator 오류때문에 개발진행이 불가능입니다
0
63
1
API 관련 이슈
0
86
2