일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- nGrinder
- 백엔드
- 플러터
- FLAB
- 트러블슈팅
- AWS
- 멘토링
- F-Lab
- EC2
- java
- 코딩테스트
- github
- 데이터구조
- 부트캠프
- 알고리즘
- error
- Spring
- Flutter
- grafana
- 자바
- backend
- 도커
- 로드밸런서
- 후기
- 레디스
- redis
- 성능테스트
- MySQL
- 자바백엔드
- 에프랩
- Today
- Total
목록Mobile/Flutter & Dart (7)
민스씨의 일취일장
Flutter 학습하면서 만들어 본 윷놀이 앱에 관한 페이지입니다. Play Yut 윷놀이 앱을 만들어 보았다. 만들게 된 배경 강의에서 주사위 이미지를 뛰워주고 버튼을 누르면 다른 이미지로 바꿔주는 앱을 플러터를 이용해 만들어보았다. 사용한 기술 StatefulWidget 스테이트풀 위젯을 상속받아 변수값에 따라 다른 이미지를 동적으로 띄워줄 수 있는 위젯을 만들었다. setState React에서 사용해 본적이 있어 익숙한 setState 메서드를 이용해서 변경된 변수에 따라 이미지를 다시 불러와 띄워주도록 하였다. Dart:Math math 라이브러리의 random 메서드를 이용해 난수를 만들었다. 이를 이용해서 무작위로 주사위를 띄우는 로직을 만들었다. BoxDecoration & Linear..
사용해 보거나 앞으로 사용하기 위한 위젯들을 정리하는 페이지입니다. 📢 플러터를 공부하며 정리하는 강의노트입니다. 기억을 위한 요점 및 키워드 기록에 중점을 둔 글입니다. 틀린 내용, 질문 등 어떤 코멘트도 환영입니다. 플러터 위젯 Button ElevatedButton(onPressed: onPressed, child: child) - 백그라운드 색이 있는 버튼 OutlinedButton(onPressed: onPressed, child: child) - 백그라운드 색 없이 외곽선만 있는 버튼 TextButton(onPressed: onPressed, child: child) - 링크와 같은 텍스트 형태의 버튼 TextButton( onPressed: clickHandler, style: TextBu..
다트를 공부하고 사용하며 알게 된 내용을 기록한 강의 노트 페이지입니다. 📢 다트를 공부하며 정리하는 강의노트입니다. 기억을 위한 요점 및 키워드 기록에 중점을 둔 글입니다. 틀린 내용, 질문 등 어떤 코멘트도 환영입니다. 다트 주요 개념 Type Safe Language 다트는 타입 세이프 언어이다. 모든 값은 타입을 갖고 있는다. More than one type is possible and common. var, const, final var, const, final은 다른 언어(JavaScript, Java 등)에서도 사용되는 키워드이다. 이름이 같다는 건 어느정도 공통된 특성을 가지고 있음을 내포하지만 정확히 일치하지는 않는다. var var는 JS와 마찬가지로 변수를 선언할 때 사용된다. 하지..
플러터를 공부하면서 그리고 사용하면서 알게된 내용을 정리하는 강의 노트 페이지입니다. 📢 플러터를 공부하며 정리하는 강의노트입니다. 기억을 위한 요점 및 키워드 기록에 중점을 둔 글입니다. 틀린내용, 질문 등 어떤 커멘트도 환영입니다. 플러터 주요 개념 프로젝트 생성하기 CMD 터미널에서 아래 명령어를 이용해 프로젝트를 생성할 수 있다. flutter create 프로젝트가 생성된 후 아래 명령어를 이용해 프로젝트를 실행할 수 있다. cd flutter run 디렉토리 구성 플러터 프로젝트를 생성하면 아래와 같은 디렉토리가 생성된다. android, ios, lib. 코드 작성은 lib 폴더 내의 main.dart 파일에서부터 시작한다. main() main() 메서드는 프로그램 실행 시 자동으로 실행된..
이미지 띄워주는 앱을 만들었습니다. I AM RICH 2008년 이미지만 띄워주고 아무런 기능이 없는 앱이 애플의 앱스토어에 출시 됐다. 이 최소기능을 갖고 있던 앱 (I Am Rich)는 앱스토어에서 책정 가능한 최고가액으로 공개 됐고, 몇 사람들이 이 앱을 구매했던 일이 생겼었다. 🔗 출처 1) https://en.wikipedia.org/wiki/I_Am_Rich 2) https://forums.macrumors.com/threads/i-am-rich.1542562 현재는 삭제되었지만, 현재는 앱 개발자가 되고 싶은 학생들이 가장 먼저 만들어 보는 레퍼런스 앱이 되었다. I am rich 실제로 I am rich 앱을 만들어 보면서 앱이 어떤 최소 구조를 갖고, 요소들을 추가해 나갈지 학습할 수 있..
본 포스팅은 처음 플러터를 시작하면서 접한 내용들에 대한 내용입니다. 📢 플러터를 공부하며 정리하는 강의노트입니다. 기억을 위한 요점 및 키워드 기록에 중점을 둔 글입니다. 틀린내용, 질문 등 어떤 커멘트도 환영입니다. 플러터 시작하기 플러터란? 구글이 출시한 애플리케이션 개발용 프레임워크이다. 다양한 OS에 대응하는 프로그램을 한 번에 개발할 수 있다는 장점이있다. UI Framework + Collection of Tools 플러터의 장점? One - 하나의 코드로 여러 OS에 대응할 수 있다. 이로 인한 장점은 디버깅, 테스트, 배포 등의 작업을 한 곳에서 할 수 있다. UIKit - Uikit에는 자주 사용돼 미리 구성해 놓은 많은 컴포넌트들이 준비돼 있어 레고블럭을 쌓듯이 가져다 조립하며 빠르게..