일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 비주얼 스튜디오 #vs #visual studio
- firebase #파이어베이스
- boj #baekjoon
- Flutter
- 백준 #c++
- flutter #플러터 #분석
- baekjoon #백준 #boj
- flutter #상태관리
- VS #비주얼스튜디오
- 유데미 #udemy #웅진씽크빅 #스나이퍼팩토리 #인사이드아웃 #미래내일일경험 #프로젝트캠프 #부트캠프 #react #리액트프로젝트 #프론트엔드개발자양성과정 #개발자교육과
- 로컬저장소 #이름변경
- flutter #todolist
- flutter #깃
- 백준 #boj
- unity #2d-game #minigame #vscode
- 백준 #boj #baekjoon
- #유데미 #udemy #웅진씽크빅 #스나이퍼팩토리 #인사이드아웃 #미래내일일경험 #프로젝트캠프 #부트캠프 #react #리액트프로젝트 #프론트엔드개발자양성과정 #개발자교육과정
- flutter #플러터
- git #unity #깃허브
- flutter #firebase #플러터 #파이어베이스 #연동
- flutter #git
- 플러터 #flutter #restful #rest api
- 백준
- boj #baekjoon #c++
- 비주얼스튜디오 #코드스니펫
- flutter #app #취준
- boj #c++
- unity #2d-game
- 인턴 #프론트엔드 #개발자 #프론트엔드개발자 #취준
- baekjoon #boj #c++
- Today
- Total
목록[Flutter] Todolist/프로젝트 분석글 (4)
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) 투두리스트 서치 원하는 일정을 서치바에 검색할 수 있다. 느낀 점 플러터를 접하고 처음 만..