[flutter] web 개발 준비

flutter 개발자·2023년 7월 20일

flutter web 개발 시 주의사항

flutter로 web 개발을 해보려고 한다.
그동안 app만 개발했기 때문에 다른 주의할 사항이 있는지 찾아보았다.

  • 네비게이션: 주소창, 뒤로가기, 앞으로가기 등
  • SEO 최적화: 웹 앱의 검색 엔진 최적화(SEO)를 고려 Flutter로 개발한 웹 앱은 JavaScript로 변환되므로, 검색 엔진이 해당 콘텐츠를 인덱싱하고 검색 결과에 표시할 수 있도록 최적화해야 합니다. 페이지 제목, 메타 데이터, URL 구조 등을 적절하게 설정
  • 퍼포먼스: 웹 앱의 성능은 중요합니다. Flutter는 UI를 렌더링하기 위해 Canvas를 사용 => 효율적 코드를 작성해야 함.
  • 라이브러리 지원: Flutter 웹은 모든 플러그인과 라이브러리가 웹에 대해 완벽하게 지원되지 않을 수 있습니다.
  • 크로스 브라우징: 여러 브라우저 체크
  • 반응형 디자인: 웹 앱 반응형

=> 주소를 한 곳에서 관리할 수 있는 파일을 하나 만들기
=> Flutter css 묶음 체계 - UI(반응형) 만 별도 관리할 수 있도록

reference
https://booiljung.github.io/technical_articles/flutter/flutter_for_web_create_and_deploy_a_website_from_scratch.html

profile
매일, 꾸준히

1개의 댓글

comment-user-thumbnail
2023년 7월 20일

정말 잘 읽었습니다, 고맙습니다!

답글 달기