DART14 [웹툰 앱 만들기] GestureDetector과 detail screen 먼저 이전에 만들었던 웹툰 정보를 바탕으로 웹툰의 포스터, 제목을 나타내는 위젯을 따로 Webtoon 파일로 분리했다. https://github.com/soaringwave/Flutter-studying/commit/5b3e02f3606329a68b939e57b6f543faac71506b Make Webtoon model and use it · soaringwave/Flutter-studying@5b3e02f soaringwave committed Oct 14, 2023 github.com 이젠 웹툰 정보를 클릭했을 때 클릭한 웹툰의 정보를 더 볼 수 있는 detail screen으로 이동할 수 있도록 설정한다. 먼저 웹툰 정보가 클릭되었음을 감지하고자 웹툰 Column을 GestureDetector로.. 2023. 10. 14. [웹툰 앱 만들기] AppBar 만들기 import 'package:flutter/material.dart'; import 'package:toonlinkers/screens/home_screen_for_webtoon.dart'; void main() { runApp(const App()); } class App extends StatelessWidget { const App({super.key}); @override Widget build(BuildContext context) { return const MaterialApp( home: HomeScreen(), ); } } import 'package:flutter/material.dart'; class HomeScreen extends StatelessWidget { const HomeS.. 2023. 10. 13. [웹툰 앱 만들기] 번외: 뽀모도로 앱 만들기 뽀모도로 앱을 따라 만들면서 flutter의 statefulWidget과 UI를 공부한 것을 기록한다. 강의 참고: https://nomadcoders.co/flutter-for-beginners/lectures/4154 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 순서는 크게 아래와 같다. 1. 파일 생성 및 UI 설계 2. 타이머 시작 & 정지 기능 3. 뽀모도로 개수 카운터 기능 4. 타이머 포맷 설정 5. 타이머 리셋 기능 * 한 뽀모도로를 25분으로 기본 설정하였으나, 디버깅 및 영상 촬영을 위해 5초로 설정하기도 함 1. 파일 생성 및 UI 설계 우선 flutter 프로젝트를 생성하고 main... 2023. 5. 7. [웹툰 앱 만들기] Theme, init & dispose Theme Theme을 이용하여 미리 설정해둔 값들을 사용할 수 있다. 예시로 UI에 사용할 특정 노란색, 폰트의 크기 등이 있다. override한 build 함수에서 teme을 설정하고, build 함수의 context parameter를 이용하여 실제 사용하고자 하는 곳에 적용하면 된다. 아래 코드는 특정 Text의 크기와 색을 설정한 예시다. class _ApptState extends State { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( textTheme: const TextTheme( titleMedium: TextStyle( color: Colors.green[300], fontS.. 2023. 5. 6. 이전 1 2 3 4 다음
