소프트웨어 제작소

Getx 그 중에서도 Obs, Obx 사용법에 대해서 정리 참고자료: Getx의 statemanagement 에 대한 문서 https://github.com/jonataslaw/getx/blob/master/documentation/en_US/state_management.md GitHub - jonataslaw/getx: Open screens/snackbars/dialogs/bottomSheets without context, manage states and inject dependencies eas Open screens/snackbars/dialogs/bottomSheets without context, manage states and inject dependencies easily with Ge..

Null safty가 적용되고 나서, class에서 선언된 변수의 type이 late가 아닐 경우, 해당 변수를 read하려고 할 때 아직 initialized가 되어있지 않으면 error (complie-time)가 발생한다. [해결 방법] constructor 파라미터로 전달되는 것이라면 class에 초기화 하려는 변수명과 같게 해주어 constructor의 파라미터 필드에서 this.을 이용해서 바로 입력한다. 또는 파라미터로 전달되는 값이 직접 클래스의 변수에 입력할 수 없고, 프로세싱을 필요로 할 경우, initializer list에서 처리후에 클래스 변수에 입력할 수 있다. 클래스 바디에서 변수에 값을 할당하는 것은 초기화가 아니다~!

앱이 실행되는 장치에 따라 앱이 보여지는게 달라진다 가장 큰 문제가 글자 크기 인데, 태블릿이나 pc냐 모바일 폰이냐에따라 표시되어야 하는 글자 크기가 달라지므로 적응적으로 글자 크기를 변화시켜주는 것이 중요하다. 나의 경우, 테블릿 환경에서 작업을 하면서 text 위젯을 fittedBox.scaleDown으로 만들어 넣고있다. 그러면 모바일에서 앱을 실행하더라도 글자를 줄여서 표현되기 때문에 큰 문제는 없었다. 그런데 혹시나 좀더 편리하거나 효과가 좋은 위젯이나 방법이 있나 싶어서 잠시 찾아보았다. Responsive design의 기본적인 정보는 아래링크를 참고하면된다. https://docs.flutter.dev/development/ui/layout/adaptive-responsive Creati..

Container 크기 지정이 없을 경우 차지할 수 있는 최대의 범위를 가져간다. SizedBox 크기르 지정하지 않을 경우 Child를 나타낼 수 있는 최소한의 layout을 가져간다. Stack 자식들중 가장큰 크기에 맞춘다. 여러 자식들의 Alignment를 다 다르게 주고 싶어서 Align으로 감싼뒤 alignment property에 원하는 Alignment(x, y)를 넣어 보았는데 x축으로는 적용이 되는데 y축으로는 alignment가 적용이 되지 않는다. Stack에 api doc를 보았더니 아래와 같은 내용이 있다. https://api.flutter.dev/flutter/widgets/Stack-class.html Stack class - widgets library - Dart API..

유튜브에서 본 코드를 따라서 사용하다가, scaffoldKey를 생성하던데, 이걸 어디다 쓰는지 모르겠다. var scaffoldKey = GlobalKey(); 이렇게 선언하고 있는데, 전역(scaffold 아래의 어느 위젯에서든)으로 scaffold의 state를 쉽게 참조 할 수 있게 해주는 듯해보이다. 하지만 정확하게 이해하기 위해 구글링을 더 해보았다. https://stackoverflow.com/questions/68993864/scaffold-key-what-the-purpose-is-and-where-it-is-used Scaffold key - what the purpose is and where it is used What is scaffoldKey what the purpose is..

이거 보고 따라하면 될듯 https://medium.flutterdevs.com/video-player-in-flutter-22202be72d6e Video Player In Flutter Use Chewie To Play Videos In Your Flutter Apps medium.flutterdevs.com Web app을 만들때 video_player 패키지를 사용하면 앱을 실행했을 때 문제가 하나 발생했다. video_player로 동영상을 백그라운드로 플레이 하는 View를 포함한 OnePage 홈페이지를 만들고 있는데, 브라우저의 크기를 변경하면 동영상 view 이외의 view들의 background color가 흰색이나 흰색 비슷한 색으로 변경되는 것이었다. video_player 를 사용..

Flutter 에서 코딩한 프로그램을 실행시 실행 장치가 Web(크롬)일 경우, 실행된 앱에서 이미지(네트워크를 통해 불러오는)가 로딩되지 않았다. 그리고 엑스박스 안에 "Failed to load network image" 라는 메세지가 있다. 이상하다. 네트워크에 있는 이미지가 문제가 있나? 싶어서 URL을 가져다가 크롬 브라우저 주소창에 붙여넣고 엔터를 치니 사진이 잘 뜬다. 문제를 해결하게 구글링을 했다. StackOverFlow에 있는 설명과 해결책. CORS is a mechanism that browsers use to control how one site accesses the resources of another site. It is designed such that, by default..

flutter 2.3.2 을 쓰고 있다가, 오늘 2.5.2로 업그레이드 했는데 이 때부터 웹(크롭)에서 앱을 올려 테스트 하던것에 문제가 생겼다. 마우스로 스크롤이 되지 않는 것이었다. 이상하다 싶어서 다시 모바일 에뮬레이터로 실행시켜보니, 문제없이 잘 동작했다. 웹에서 돌릴때만 이러한 문제가 발생했다. 구글링을 해보니 flutter 2.5 버전이후부터는 웹(PC)에서 마우스를 이용한 drag를 막아 놓았다고 한다. 그래서 이것을 해결하려면 ScrollBehavior 에서 dragDevices 에 mouse를 추가해줘야 했다. 자세한 내용은 아래 참고. https://flutter.dev/docs/release/breaking-changes/default-scroll-behavior-drag 위의 페이지..