cococo-coding

감정일기 앱을 만들기 위해 파이어베이스와 플러터를 연결했다. 1. analysis_options.yaml 파일에 다음코드를 추가한다. (Lint가 뜨지 않도록 방지) rules: prefer_const_constructors: false avoid_print: false prefer_typing_uninitialized_variables: false prefer_const_constructors_in_immutables: false 2. main.dart 파일을 다음 코드로 기본세팅한다. import 'package:flutter/material.dart'; import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';..

프로젝트 구조 home.dart파일은 lib디렉터리 > screens 디렉터리에 있다. 투두리스트에서 가장 긴 파일이라 코드 분석 글도 길어질 것 같다. 전체 코드 import 'package:flutter/material.dart'; import 'package:flutter_todolist_app/model/todo.dart'; import 'package:flutter_todolist_app/constants/colors.dart'; import 'package:flutter_todolist_app/widgets/todo_item.dart'; class Home extends StatefulWidget { Home({Key? key}) : super(key: key); @override State ..

*코딩애플의 Flutter강의를 보면서 따라한 내용입니다. 왼쪽과 같은 화면을 만들기 위해 오른쪽 코드를 작성하였다. 우선 기본틀은 아래 코드와 같다. 대략 이렇게 해서 앱의 상 중 하 파트를 나누고 여기서에서 각각 필요한 부분을 틀 안에서 고치면 된다. home: Scaffold( appBar: Appbar(), body: Container(), bottomNavigationBar: BottomAppBar(), ) ); 상단의 파랑부분 만들기 우선 해야할 것은 색깔과 텍스트 '앱임'을 넣어주는 것이다. ctrl+space바를 누르면 자동완성기능(?) 거기에서 쓸 수 있는 명령어들이 쫘르륵 나오는데 대충 비슷한 거를 골라서 하면 된다. backgroundColor가 나오길래 클릭하고 blue로 설정해주었..

Flutter 공부를 시작하게 된 계기 C++로 코테를 준비하면서 이론공부위주로 하다보니 이게 맞나? 싶은 생각이 들었다. 취업을 준비하려면 프로젝트나 포트폴리오가 있어야하는데, 사실 C++로는 앱이나 웹을 만들기에도 적합한 언어가 아니라 새로운 언어를 공부해야 하나 싶은 고민이 계속 들었다. 거의 일주일을 고민하면서 현업에 있는 개발자분께 들은 조언도 듣고, 스터디도 했다. 이론공부와 코테준비만으로는 내 실력성장에 도움이 되지 않겠다 라는 생각이 점점 확신이 되었고 간단한 앱이라도 혼자서 개발하고 싶어졌다. 구글과 유튜브에 앱개발을 검색해서 나온 여러 동영상 중에 플러터라는 친구를 알게 되었고 코딩애플 사이트에서 무료 강의를 보면서 안드로이드 스튜디오와 Flutter를 다운받고 강의를 보면서 코드를 짜..