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..

유니티6 챌린지 게임만들기12- Unity 6 배포/발행 Publishing - Unity 6 Challenge Start​게임을 모두 완성했다면 배포 또는 발행을 해야하는데요.유니티 에디터에서는 이 기능을 제공하고 있었습니다. 유니티 에디터의 상단표시줄에 FIle을 선택하고 Build Profile을 선택합니다.그러면 하나의 창이 생성되는데요. 이 창에서 웹으로 배포하기위해 왼쪽의 항목에서 웹(Web)항목을 선택합니다) 오른쪽 상단의 Swith Platform 버튼을 선택합니다. 플랫폼이 바뀌는 상태를 확인할수 있으며 완료될때까지 기다립니다.완료가 되고 Web Active가 되었습니다.이어서 유니티 에디터 창을 선택합니다. 유니티 상단작업표시줄에서 window > Package Manager를 선택합니..

유니티6 챌린지 게임만들기11- Unity 6 최고 점수 High Score - Unity 6 Challenge Start​이번 기록은 플레이어가 게임 장애물을 못피하여 체력이 소진되었을때, 게임이 끝나고 점수를 나타내 주는 것을 구현하는 것을 남겨보았습니다. 먼저 DeadUI 객체를 생성후 스타트버튼 이미지를 추가합니다.이어서 게임매니저 스크립트에 해당 객체를 추가하는 소스코드를 작성합니다.소스 작성후 게임매니저 객체 내 컴포넌트 포함을 잘 했는지 확인합니다.지난 번에 이부분을 깜빡해서 오류를 찾느라 시간을 소비했네요. 이어서 하트 이미지도 추가하고, 픽셀 조정 및 HEART 스크립트도 생성합니다.하트 객체를 복사하여 2개를 더 만들고 각 하트에 숫자를 설정해줍니다.그리고 해당 하트가 기능 적용을 할수..

유니티6 챌린지 게임만들기10- Unity 6 게임매니저 game manager - Unity 6 Challenge Start​게임 화면을 구성하는 영상을 시청하며 프로젝트를 진행한 기록입니다.원본 영상은 아래 링크이며, 이어서 스크린샷과 설명을 적어보았습니다.https://www.youtube.com/watch?v=A58_FWqiekI&t=7299s 먼저 지난 글에서 이어서 생성한 게임 매니저 개체와 스크립트 파일을 확인합니다.이어서 시착 버튼과 제목 이미지를 선택하고 싱글 sprite 모드로 설정합니다.(아래 스크린샷) 설정이 마무리되고 다음 영상 내용을 따라 진행합니다. 시작 버튼 이미지와 제목 이미지를 IntroUI 오브젝트 객체 안에 드래그하여 넣습니다.가운데 위치를 하기 위해서 IntroUI의..