본문 바로가기
리뷰/수강생 후기

[수강후기] Flutter 10일차 - 스나이퍼 팩토리

by 스나이퍼팩토리 2022. 11. 24.

카이사르님의 수강후기 입니다.

https://sniperfactory.com/course/c6fcyragfx5gzew

제 9화 - 비밀듣는 고양이

0. 수업준비 => 최종 완성본 ..??

  • main.dart
  • secrets_page.dart
  • pubspec.yaml => import 항목 추가
  • assets => image, fonts 항목 추가

main.dart

secrets_page.dart

pubspec.yaml

이미지 다운로드

https://flaticon.com

네이버 나눔스퀘어 네오

문장을 더 돋보이게, 네이버의 새로운 브랜드 폰트

campaign.naver.com

1. 폰트 바꾸기

  • assets/fonts 안에 font 넣기
  • pubspec.yaml에 font 등록
  • ThemeData 에 관련정보 등록

ThemeData Font 속성 추가

2. 페이지 이동하기

  • Navigator.push() => 상당히 어려운 개념
  • MaterialApp을 별도로 두고, Scaffold 끼리만 페이징을 구현하는 방식 이해
  • 중간에 위젯을 하나 만들어서 MaterialApp을 소비하고, 그 뒤에 첫페이지 (MyApp)을 불러온다.
  • 하단 강의 참조

https://youtube.com/playlist?list=PLQt_pzi-LLfpcRFhWMywTePfZ2aPapvyl

  • 행동 OnTap 등을 파라미터로 넘길 수 있다.

4. PageView.builder 위젯

5. 통신

  • 네트워크 데이터 : secret_cat_sdk
  • response
  • json.map
  • 등 통신문법

6. Container +BoxDecoration

  • images 배열
  • DecorationImage : colorFilter , fit 기능
  • scaffold : extendBodyBehindAppBar 기능
  • 이전 이동을 하기 싫다면 leading 값을 넣어주거나, automaticallyImplyLeading : false 설정
  • FadeInRight => 이미지 기능, 딜레이 기능 확인

7. 그외

레이아웃 구조에 대한 자료

https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e

 

댓글