SomeThing, Sum Thing

드디어 Extension을 Flutter에 활용해보도록 하자. 어떻게 활용하면 좋은지 혹시 감이 오는사람이면 코딩이 소질이 좀 있다고 할 수 있다. 만약 안 떠오른다면 그래도 속상해하지말고 이 포스팅 글을 읽고 따라하다보면 보는 시야가 넓어질 것이다. 자 이제 시작해보자. dart extension 복습 앞서 포스트를 보지 않은 사람들을 위해 링크를 추가해주고 짧게나마 설명을 하겠다. https://pcseob.tistory.com/68 19. [Dart, Flutter] extension에 대하여 [1부] 앞서 enum에 이어 드디어 extension에 대해 알아보도록 하자. 왜 extension을 설명하려고 하냐면, 가독성에 있어서 이점이 너무나도 많다. 다만 바로 들어가면 어려우니 기본적인 내용 1..

앞서 enum에 이어 드디어 extension에 대해 알아보도록 하자. 왜 extension을 설명하려고 하냐면, 가독성에 있어서 이점이 너무나도 많다. 다만 바로 들어가면 어려우니 기본적인 내용 1부, 활용하는 부분 2부 로 나누어서 작성하도록 하겠다. Extension 이란 무엇인가 extension 이란 직역하면, 확장이란 뜻이다. 말 그대로 확장한다는 뜻인데 어떤것을 확장하는지 코드를 보고 확인하자. enum SexType { man(toKorean: "남성"), woman(toKorean: "여성"), none(toKorean: "선택안함"); final String toKorean; const SexType({required this.toKorean}); } extension SexTypeEx..

다음 포스팅의 Extension을 위해, 오늘은 dart의 enum에 대하여 간단하게 알아보자. 1. Enum 1.1 Enum이 무엇인가? https://dart-ko.dev/language/enum 열거 타입 Dart의 열거 타입에 대해 학습합니다. dart-ko.dev 여기에 한국어로 적혀있지만, 설명을 하도록 하겠다. 전체이름은 Enumerations, 직역하면 열거형, 목록 이라고 할 수 있다. 이 타입은 상수값을 가지는 클래스라고 할 수 있다 이게 무슨뜻인지 정확하게 코드를 보며 이해해보자. enum Color { red, green, blue } enum SexType { man, woman, others} enum Country {korea, usa, ...} 대충 이렇게 지을 수 있다. 이..

굉장히 오랜만에 블로그 포스팅을 하게되었다. 우선. 이번 포스팅은 Android13 권한문제때문에 작성하게되었다. Flutter Version Flutter 3.10.5 • channel stable • https://github.com/flutter/flutter.git Framework • revision 796c8ef792 (3 months ago) • 2023-06-13 15:51:02 -0700 Engine • revision 45f6e00911 Tools • Dart 3.0.5 • DevTools 2.23.1 기존 권한설정 우선 Flutter -Android 에서 핸드폰의 내부데이터를 접근하기위해서 사용하는 권한은 다음과 같다. AndroidManifest.xml을 살펴보면 와 같은 권한 설정..

이번에 디자인패턴 MVVM과 riverpod에 대해서 알아보도록 하자. 우선 MVVM이 무엇인지에 대해서 알아보자. MVVM이란? MVVM은 Model, ViewModel, View를 줄임말이다. 각각에 대해서 보자면 Model : 애플리케이션에서 사용되는 데이터와 데이터를 처리하는 부분 View : 유저에게 보여지는 UI 부분 Controller : 유저의 입력(Action)을 받고 처리하는 부분 이렇게 나누어진다. Model의 예시는 아래의 코드와 같다. 이렇게 코드를 작성하는게 일반적으로 Model이고 이 부분에서 jsonSerialize를 적용하게 된다. 다음은 View에 대한 예시코드를 살펴보자. 선언형 UI를 사용하는 플러터에서 화면을 선언하는 부분을 View로 보는 것이 일반적이다. 안드로이..

오늘은 플러터 성능을 올리는 방법 중 const에 관한 내용을 포스팅해보겠다. 플러터 linter 우리는 플러터로 코딩을 하다보면 다음과 같은 줄들을 발견할때가 있다. 이렇게 파란색줄로 등장하는것은 lint라고 하는데, 일반적으로 코드가 최적화가 되어있지 않거나, '이렇게 사용하는 것은 피해라' 라는 뜻으로 알려준다. 물론 이걸 삭제하는 방법도 있는데, 이 lint를 삭제하면 더이상 파란색 줄은 뜨지않는다. 근데 이게 근본적인 해결책은 아니니 다시 살펴보자. 이렇게 사용하지 말아라. 라는 뜻은 개선을 하고 개선한다면 더 좋은 퍼포먼스가 발생한다는 뜻이다. 그래서 이게 왜 문제가 되느냐. 플러터도 화면을 랜더링을 하는 과정을 거친다. statelessWidget에서는 랜더링이 진행되지않지만, 상위 부모위젯..

간단한 버그해결포스팅이다. 회사에서 Flutter 개발하다가 드디어 3.7버전이 나와서 업데이트를 할까말까 고민하다가 결국 업데이트를 하며 pub major update를 했다. 이런저런 오류가뜨다가 iOS에서 정말 답답한 버그가 두가지 나왔다. Famework not found FirebaseCoreDiagnostics 이 오류가 xcode에서 뜨며 iOS 빌드가 되지않았다. 그래서 한참을 고민하다가 해결책을 찾았다! Flutter프로젝트 -> ios -> Runner.xcodeproj -> project.pbxproj 에서 "FirebaseCoreDiagnostics", "-framework", 이걸 모두 찾아서 삭제하면된다. Framework not found path_provider_ios 이 문..

오늘은 Flutter에서 Futurebuilder에 대해서 알아보자. Futurebuilder는 비동기 처리하는 데이터를 처리한 후 위젯을 반환할 때 사용하는 위젯이다. 예를 들어 서버에서 사진을 가져와서(비동기) 핸드폰에 띄워준다고 할 때 사용할 수 있다. 아마 플러터를 시작하는 초보자분들에게 꼭 필요해서 사용하게 되는 위젯 중 하나일 것이다. 시작해보자 참조 및 버전 https://api.flutter.dev/flutter/widgets/FutureBuilder-class.html#widgets.FutureBuilder.1 FutureBuilder class - widgets library - Dart API Widget that builds itself based on the latest snaps..

이번 포스팅은 Flutter 플러터에서 이런 거 없나? 할 때 웬만한 건 다 있는 Container를 알아보도록 하자. 내가 코딩하면서 Container에 가장 많이 사용한 순서대로 적어보도록 하겠다. 물론 기능은 있지만 내가 사용했을 때 많이 사용하지 않는 것은 적지 않았다. 버전 정보 및 참고자료 Flutter 3.3.1 • channel stable • https://github.com/flutter/flutter.git Framework • revision 4f9d92fbbd (6 days ago) • 2022-09-06 17:54:53 -0700 Engine • revision 3efdf03e73 Tools • Dart 2.18.0 • DevTools 2.15.0 https://api.f lut..

오늘은 Flutter에서 버튼 혹은 사용자의 이벤트 발생에 의해 실행되는 비동기 호출에 대해서 알아보자. 우리는 GestureDetector 혹은 ElevatedButton을 이용해서 사용자의 클릭이벤트를 받곤 한다. 예를 들어 버튼을 클릭하면 서버와 통신을 해서 특정 데이터를 가져와서 화면을 새로 고치거나 새로운 화면을 보여준다. 만약 여기서 onTap에다가 async를 달아서 비동기로 만들어서 실행을 하는데, BuildContext가 변경된다면 어떤일이 생길까? 그리고 Context의 종속성에 자유로운(?) GetX를 이용했을 때에도 어떻게 되는지 알아보자. 참조 및 버전 https://www.youtube.com/watch?v=bzWaMpD1LHY Flutter 3.0.5 • channel stab..