Dev study and notes

이번 강좌에서는 강좌명 그대로 웹툰 앱을 만듭니다.이전의 강좌는 기본적인 플러터 사용을 위한 연습용 앱(디자인 연습, 타이머 앱)을 만들었다면, 플러터를 통해 웹툰 앱을 만드는 것입니다.#6 WEBTOON APP #6.0 Introduction (05:09) 이제까지 배운 것을 활용합니다.네이버 웹툰 사이트의 api 사용합니다.데이터 불러오기, 인터넷에서 패키지를 다운 받아 사용하기, 스마트폰 api 사용하는 법,폰에 데이터를 저장하는 법을 알게 될 것입니다.​니꼬가 만든 비공식 네이버 웹툰 api를 사용합니다https://webtoon-crawler.nomadcoders.workers.dev/ 네이버 웹툰 Unofficial API webtoon-crawler.nomadcoders.workers.de..

이번시간엔 간단한 앱으로 타이머를 만드는 강좌입니다.#5 POMODORO APP #5.0 User Interface (13:35) main.dart 수정(소스)import 'package:flutter/material.dart';import 'package:toonflix/screens/home_screen.dart';void main() { runApp(const App());}class App extends StatelessWidget { const App({super.key}); @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( colorScheme: ColorSc..

안녕하세요 데브런치입니다.​노마드코더의 Flutter로 웹툰 앱 만들기 4번째 챕터 부분 정리, 기록해 보았습니다.​#4 STATEFUL WIDGETS #4.0 State (07:33)플러터 코딩시 위젯에 관한 설명기존 main.dart 에 새로운 코드로 타이핑 합니다.플러터 소스의 클릭아이콘 까지 생성 및 클릭 오류 전까지 구현합니다.소스코드(아래)import 'package:flutter/material.dart';void main() { runApp(const App());}class App extends StatefulWidget { const App({super.key}); @override State createState() => _AppState();}class _AppState ex..

안녕하세요 데브런치입니다.​노마드코더의 Flutter로 웹툰 앱 만들기 3번째 챕터 부분 정리, 기록해 보았습니다.#3 UI CHALLENGE #3.0 Header (16:47) 어떻게 동작하는지 이해 중점으로 학습합니다.화면의 각 부분들이 어떻게 구성이 되어 있는지 확인합니다.​천천히 익히면서 합니다.​상단 바 관련 코드 삭제합니다.(appbar 삭제 확인, 아래 스크린샷)​3.0 강좌 최종 소스 -> class app 부분만 class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: Col..

Flutter로 웹툰 앱 만들기 #2 HELLO FLUTTER​ 안녕하세요 데브런치 입니다.이번엔 두 번째 장 강좌를 정리해 보았습니다.중간에 플러터 설치의 경우 강좌에서 간략하게 다루고 있습니다.이 부분은 따로 정리하며 기록해 보았습니다.​#2 HELLO FLUTTER#2.0 Installation (08:17) Flutter 설치방법을 소개합니다.설치를 하기 싫다면 온라인 에디터를 소개합니다.https://flutter.dev/ Flutter - Build apps for any screenFlutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embe..

https://flutter.dev/Flutter - Build apps for any screenFlutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.flutter.dev#1 INTRODUCTION NONE#0.0 ❤️ 무료 강의 ❤️NONE#1.0 Introduction (03:21)NONE#1.1 Requirements (02:05)NONE​#1.2 Why Flutter (09:43)https://flutter.dev/showcase Showcase - Flutter apps in p..

플러터 Flutter 공부를 시작 해보았습니다.​노마드코더에서 제공하는 무료 온라인 강좌입니다.강좌 주소는 아래 링크입니다.https://nomadcoders.co/flutter-for-beginners/​ Flutter 로 웹툰 앱 만들기 – 노마드 코더 Nomad CodersFlutter for Beginnersnomadcoders.co학습 이전, Dart 언어의 기본을 알고 있다면 강좌를 듣는데 도움이 된다고 안내를 합니다.이전에 수강 완료를 했지만 일지를 남기진 않았네요.​Dart 언어 강좌도 노마드코더에서 무료로 제공하고 있습니다.Dart 무료강좌 링크는 아래와 같습니다.https://nomadcoders.co/dart-for-beginners/lobby Dart 시작하기 – 노마드 코더 Nom..