cococo-coding

유튜브 동영상을 보고 삼일정도를 이용해 간단한 투두리스트 기능을 완성했다. 해당 글은 아래 링크에 넣어두겠다. 복기할 겸 프로젝트 구조 분석과 코드 분석을 써볼 예정이다. 프로젝트 구조 분석 1) 전체 프로젝트 우선 가장 위에 있는 프로젝트 구조는 다음과 같다. 내가 만든 flutter 프로젝트와 외부 라이브러리, 그리고 스크래치와 콘솔로 구성되어 있다. 주로 작업하게 될 영역은 flutter 프로젝트이다. 2) flutter 프로젝트 flutter 프로젝트의 구조는 위와 같다. 굉장히 많은 것들이 있는데 이 중에서 우리가 자주 쓰는 친구는 lib 라이브러리이다. lib라이브러리안에는 기본으로 main.dart 파일이 들어있다. 이 main.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 ..

우선 todo_list.dart는 lib디렉터리>widgets디렉터리 안에 있는 다트파일이다. 전체 코드 import 'package:flutter/material.dart'; import 'package:flutter_todolist_app/model/todo.dart'; import 'package:flutter_todolist_app/constants/colors.dart'; class ToDoItem extends StatelessWidget { final ToDo todo; final onToDoChanged; final onDeleteItem; const ToDoItem({ Key? key, required this.todo, required this.onToDoChanged, required..

개발기간: 2024.02.10~2024.02.12 (3일) 참고: https://www.youtube.com/watch?v=K4P5DZ9TRns&t=1701s&pp=ugMICgJrbxABGAHKBRBmbHV0dGVyIHRvZG9saXN0 기능: 1) 투두리스트 생성 2) 투두리스트 완료 3) 투두리스트 삭제 4) 투두리스트 서치 기능 구현 동영상: 1) 투두리스트 생성 새로운 일정을 입력하고 + 버튼을 누르면 맨 위에 새로 생성이 된다. 2) 투두리스트 완료 완료한 일정을 클릭시 일정에 줄이 그어지고 완료표시(체크)가 된다. 3) 투두리스트 삭제 투두리스트의 trash 아이콘을 클릭하면 해당 일정이 삭제된다. 4) 투두리스트 서치 원하는 일정을 서치바에 검색할 수 있다. 느낀 점 플러터를 접하고 처음 만..