앱 개발/Flutter (6) 썸네일형 리스트형 Flutter 앱 개발 (6) : To-Do List 기능 구현하기(할 일 수정 및 Style 수정) 이전 포스팅에서는 할 일 추가, 할 일 불러오기, 할 일 삭제 기능을 구현하였다. Flutter 앱 개발 (5) : To-Do List 기능 구현하기(할 일 추가, 할 일 삭제) (tistory.com) Flutter 앱 개발 (5) : To-Do List 기능 구현하기(할 일 추가, 할 일 삭제) To Do List 소개 간단하게 To-Do List의 기능을 소개하면 다음과 같다. 1. 할 일 추가 - 할 일 객체를 생성한 후, 할 일 내용을 저장한다. 할 일 객체에는 할 일 내용을 저장하는 work 변수와 할 일을 완료 j-d-e.tistory.com 1. 할 일 추가 - 할 일 객체를 생성한 후, 할 일 내용을 저장한다. 할 일 객체에는 할 일 내용을 저장하는 work 변수와 할 일을 완료했는지 확.. Flutter 앱 개발 (5) : To-Do List 기능 구현하기(할 일 추가, 할 일 삭제) To Do List 소개 간단하게 To-Do List의 기능을 소개하면 다음과 같다. 1. 할 일 추가 - 할 일 객체를 생성한 후, 할 일 내용을 저장한다. 할 일 객체에는 할 일 내용을 저장하는 work 변수와 할 일을 완료했는지 확인할 수 있는 isComplete 변수가 들어있다. 2. 할 일 삭제 - 생성된 할 일 객체를 삭제한다. 3. 할 일 수정 - 생성한 할 일 객체의 할 일 내용을 수정한다. 4. 할 일 완료 - 할 일 목록에 나타난 할 일 요소를 터치하면 해당하는 객체의 isComplete 변수를 수정한다. 5. 진척도 표시 - 완료한 할 일들의 비율을 계산하여 진척도를 표시한다. 6. 할 일 불러오기 - 생성한 할 일들을 화면에 출력한다. 할 일 객체를 저장하기 위해 객체 배열을 사용한.. Flutter 앱 개발 (4) : Flutter 추가 설정 및 To-Do List Layout 구성 Flutter 추가 설정 추가 설정 관련 내용은 nomadcoders의 flutter 강의를 참고하여 작성하였다. #3.3 VSCode Settings (06:18) – 노마드 코더 Nomad Coders All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 좌측 하단 설정 버튼을 눌러 command palette에 들어간다. 그 후, open user settings(JSON)을 클릭해 JSON 파일을 연다. 그 후, 원하는 내용을 JSON 파일에 추가한다. 1.2번은 굉장히 유용하니 추가하도록 하자. 1. "editor.codeActionsOnSave": { "source.fixAll": true }, 이 내용.. Flutter 앱 개발 (3) : Dart Class에 대한 간단한 설명 Dart : Flutter 프레임워크의 기반 언어 Flutter 개발을 위해 알아두어야 하는 Dart 언어에 대한 최소한의 정보를 담아볼 계획이다. 이 게시글은 nomadcoder 강의 영상과 Dart 공식 문서를 참고하여 작성하였다. 코드 작성 및 실행은 dartPad를 이용하였다. 노마드코더 Dart 강의 영상 https://nomadcoders.co/dart-for-beginners Dart 시작하기 – 노마드 코더 Nomad Coders Flutter 앱 개발을 위한 Dart 배우기 nomadcoders.co https://dart.dev/language Introduction to Dart A brief introduction to Dart programs and important concept.. Flutter 앱 개발 (2) : 개발 환경 설정(Window) Flutter 개발 환경 설정 Windows install | Flutter Windows install How to install on Windows. docs.flutter.dev 위 링크의 내용에 맞게 window 환경에서 Flutter 설치를 진행해보려고 한다. 1. Flutter SDK 다운로드 SDK를 다운로드한 후, D drive에 압축해제 시켜주었다. C:\Program Files\ 와 같은 권한이 필요한 폴더 내에는 Flutter 설치를 하지 말라고 공식 문서에 기록되어 있어서, src 폴더를 만들어 src 폴더를 만든 후 이 내부에 압축 해제 시켜주었다. 2. 환경 변수 설정 다음으로 환경 변수 설정이다. 윈도우 검색창에 "환경 변수"를 검색한 후 나오는 "시스템 환경 변수 편집"을 선.. Flutter 앱 개발 (1) : Flutter? Flutter란 무엇일까? https://flutter.dev/ Flutter - Build apps for any screen Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase. flutter.dev Flutter는 Google에서 개발한 모바일 애플리케이션 프레임워크다. Dart 언어를 기반으로 하며, 웹 / 모바일 / 데스크톱 애플리케이션을 단일 코드 베이스로 개발 가능하다. 특징? - 빠른 개발 속도 : 핫 리로드 기능을 지원하여 개발자가 코드를 변경할 때마다 애플리케이션을 즉시.. 이전 1 다음
