반응형

코딩/Flutter 3

flutter WEB에 관한 특징

flutter는 범용성 높은 크로스플랫폼이다. 윈도우 앱부터 리눅스, 안드로이드, 아이폰,맥OS 마지막으로 내가 소개할 WEB이다. flutter로 web을 만드는건 아직까진 별로 추천하고 싶지 않다. 만드는 사람도 거의 없고, 자잘한 버그들이 많아서 ( 드래그로 스크롤 되는 웹 ) 아직까진 리액트가 웹 앱 어플리케이션을 만드는데에는 더 낫다는 평이 있기 때문이다. 현재 플러터는 다양한 화면(사내 홈페이지, 포트폴리오, 등) 이 고정되어 있는 정적 웹사이트에는 적합하지가 않다. 즉, 동적 웹사이트라고하는 것인데, 대표적인 예로 내가 사용하는 티스토리 블로그 같은 것들이다. 요청에 따라 달라지는 웹페이지이므로, 웹이라기 보다는 어플리케이션이 웹으로 구현 된 걸로 보이는 것 같다. flutter로 웹을 만드..

코딩/Flutter 2023.12.25

flutter web 가로스크롤

Default drag scrolling devices ScrollBehaviors will now configure what PointerDeviceKinds can drag Scrollables. docs.flutter.dev flutter WEB은 세로 스크롤은 되는데 가로스크롤이 안된다. 이전에는 됐는데, 어느 시점부터 안되었다고 하더라 공식 문서에서는 해당 기능을 사용하면 가로 스크롤이 가능하다고 말하지만, 내가 원하는 방법(shift + 마우스 스크롤)이 아니라 아쉽다. 아쉽게도 지금은 마우스 클릭을 통해 스크롤을 해야한다. 공식 문서에 나온 코든는 다음과 같다. class Login extends StatefulWidget { const Login({super.key}); @override ..

코딩/Flutter 2023.12.25

flutter WEB 로컬 빌드 하는 방법

사람들이 flutter web에 대해서 안좋게 생각하는데 리액트를 경험해본 내 입장에서도 그냥 저냥이다. 안드로이드 || 아이폰 빌드가 되는 데 웹이랑 EXE 파일을 만들 수 있는 프로그램 이라고 생각하고 있다. 왜 그런가 하면 HTML과 CSS로 만드는 웹이 아닌 위젯으로 화면을 차곡차곡 쌓아 올리는 것이기 때문에, 화면이 확대 되면 안보이는 부분들이 pixel이 over 되었다고 하는 등 에러사항이 있어, 확장에 대해 조심스럽게 만들어야한다는 점이다. 크게 보면 모든 플랫폼에서 오류가 안나게 위젯을 잘 쌓아 올려야한다는 것이겠습니다. 서론이 길어졌습니다. 실행에 필요한 설명을 드리겠습니다. % flutter run -d 어플리케이션 --web-hostname 선택할IP --web-port=포트번호 어..

코딩/Flutter 2023.12.25
반응형