일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- gorouter
- 영화리뷰
- Riverpod
- 햄스터
- 플러터 2.8
- 네이티브 VS 크로스플랫폼
- flutter tutorial coach mark
- Flutter Json
- 햄스터 사막모래
- Flutter textstyle
- 골든햄스터
- Flutter code generator
- Flutter
- Json Serializable
- 햄스터케이지
- opentype-font
- VariableFont
- Indexed Stack
- 플러터 튜토리얼 플러그인
- Flutter variablefont
- Flutter Freezed
- flutter 2.8
- 햄쨩
- 뒤로가기 버튼
- Class Modifier
- flutter tutorial
- 햄스터 계란
- 플러터
- 햄쨩일기
- 햄스터사육장
- Today
- Total
목록Software/Flutter (14)
통조림
💡 모델 클래스 코드 작성은 매우 반복적인 작업이다. 필드의 규모에 따라서 반복되는 코드작성 또한 늘어난다. Code generator는 작업시간을 줄이기 위해 코드 제작 자동화 기능을 개발자에게 제공한다. 라이브러리 소개 JsonSerializable은 toJson과 fromJson 메소드를 자동으로 제작하는 기능을 지원한다. Flutter에서 대표적으로 사용되는 Code generator 라이브러리에는 Json Serializable과 Freezed가 있다. Json Serializable https://pub.dev/packages/json_serializable json_annotation | Dart Package Freezed freezed | Dart Package freezed_annota..
여러 곳에서 많이 사용되고 있는 Pretendard와 같이 Variable을 지원하는 폰트스타일이 존재한다. Variable기능을 사용함으로 Flutter 코드 안에서 다음과 같은 태그를 제어할 수 있게 된다. wght : font-weight wdth : font-stretch sint : 기울기 ital : 이텔릭체 opsz : 옵티컬 사이즈 Flutter안에서의 사용방법은 다음과 같다. Font Import 먼저 정해진 asset경로에 폰트를 넣어주고 yaml파일에 선언해준다. fonts: - family: Pretendard fonts: - asset: assets/fonts/PretendardVariable.ttf TextStyle 문서참고 TextStyle클래스 정의문서 내에 FontVaria..
What’s New in Flutter 2.8 Performance improvements, new Firebase features, desktop status, tooling updates and more! medium.com 12월 9일 플러터 공식홈페이지에 게시된 플러터 2.8 버젼 업데이트 관련 게시물을 보면서 개선된 부분과 추가된 기능들을 확인해보고자 합니다. 글의 내용 중 이해할 수 있는 내용들을 위주로 정리합니다. 비전문가인 학생이 해석하여 쓴 글이니 잘못된 정보가 있다면 댓글에 남겨주세요. #1 'All together these improvements have resulted in reduction in startup latency for Google Pay of 50% when runn..
플러터로 웹 개발을 하면서 특정기능의 튜토리얼을 사용자에게 전달할 상황이 생겼다. 게임컨셉의 웹이기 때문에 일반적으로 핸드폰 게임에서 사용되는 튜토리얼 방법을 래퍼런스로 삼았다. 특정부분만 하이라이트되고 배경은 딤처리가 되는 방식인데, 해당 기능이 플러그인으로 제작되어 있어 감사하게 사용했고 사용한 방법을 기록하고자 한다. 결과물 https://github.com/KoreanTuna/FlutterTutorialPlugin GitHub - KoreanTuna/FlutterTutorialPlugin Contribute to KoreanTuna/FlutterTutorialPlugin development by creating an account on GitHub. github.com 유튜브 영상 https:/..
어플의 초기화면인 날씨 데이터 스크린의 첫 단계를 만들었다. 날씨어플을 개발하는건 유튜브 코딩셰프의 영상을 보며 공부했다. https://www.youtube.com/watch?v=YqKMBQYZSmw&list=PLQt_pzi-LLfoOpp3b-pnnLXgYpiFEftLB&index=13 날씨 데이터의 구현은 geolocaator 패키지를 통해 현재 위치하고 있는 곳의 위치정보(위도, 경도)를 받아와 Openweathermap 사이트에서 가져온 api링크에 참조하여 데이터를 파싱해오는 방식이다. 안드로이드의 경우 현재 위치 참조를 허용하는 기기설정을 변경할 수 있지만 IOS애뮬에는 해당 설정을 바꿀 수 있는 방법을 찾지 못해서 애플본사가 있는 샌프란시스코의 날씨 데이터를 가져오고 있다. https://p..
플러터를 통해 본격적으로 개발 작업에 들어가면서 공부 의욕을 끌어올리기 위해 나만의 어플을 하나 완성해보자는 목표를 세웠다. 가장 흔하게 쓰이고 UI와 데이터 관리 요소 모두 공부해볼 수 있는 날씨 + 알람 + 캘린더 앱을 만들어보려고 한다. 만들려고 하는 앱은 하단 네비게이션 바를 통해 페이지를 이동하며 기능들을 사용할 수 있다. 날씨페이지의 경우 페이지 안에 모든 정보를 넣기 어려울 것이라 예상된다. 전체 탭을 SingleScrollchildView 묶고 하단에 있는 코디 가이드, 생활지수등의 추가 정보들은 펼치기, 접기나 ListView로 따로 처리하는 등의 방법을 사용할 것 같다.