Flutter17 [Flutter - 1team]섹션 7 : Dicee - Building Apps with State 이번 강의에서는 주사위 앱을 만든다. 완성된 주사위 앱의 모습이다. 구조도 이번에 만들 앱의 구조도이다. github.com/londonappbrewery/dicee-flutter 우선 깃에서 클론을 받아온다. 기본적으로 AppBar, App Icon, background color 등이 미리 설정이 되어있다. 이제 여기에 주사위 이미지를 추가해보자 알 수 없는 이미지가 나타났다 😮 ✏️왜 그런지 한번 생각해보자. 더보기 이미지가 화면보다 크기 때문에 노란색과 검은색이 교차된 이상한 이미지가 나타난다. Expanded 여기서 Expanded 위젯이 사용된다. Expanded 위젯은 자식이 사용 가능한 공간을 채우도록 행, 열 또는 유한한 영역의 자식을 확장하는 위젯이다. Expanded 위젯을 사용한 모.. 2020. 11. 29. [Flutter - 1team] 섹션 6 : 비즈니스 카드 앱 만들기 Hot Reload, Layouts 을 먼저 공부해보고 ⇒ 다양한 위젯으로 Mi card App 만들기! 비즈니스 카드 앱을 만들어 보자! londonappbrewery/mi_card_flutter londonappbrewery/mi_card_flutter Starter code for the Mi Card Project from the Complete Flutter Development Bootcamp - londonappbrewery/mi_card_flutter github.com 강의에서는 위 깃헙에서 clone해 진행했습니다. 코드 작성 깃헙에서 클론한 프로젝트로 실습을 진행한다. Stateless widget 우선 stateless widget을 만들었다. stless을 타이핑한 뒤 엔터를 치면.. 2020. 11. 23. [Flutter - 1team] 섹션 5: I Am Poor I Am Poor 저번 섹션 3에서 진행한 I Am Rich 앱에 이어서 이번에는 I Am Poor 앱을 실습합니다. 이번에는 새 아이콘으로 앱을 만듭니다. 아이콘 무료 아이콘 사이트가 크게 3가지 있습니다. 무료 아이콘, 음악, 광고 사진, 벡터를 다운로드하세요 Download Free Vectors, Clipart Graphics, Vector Art & Design Templates 나만의 아이콘 만들기 canva 에서는 나만의 아이콘을 만들 수 있습니다. 우측 상단 Create a design Custom dimension ⇒ create design 나만의 아이콘도 만들 수 있다! I am poor 실습 (I Am Rich) pubspec.yaml 수정하기 asset: -images/coal.j.. 2020. 11. 23. [Flutter - 1team] 섹션 4 : 실제 기기에서 빌드해보기 Running Your App on a Physical Device 스마트폰에서 직접 실행하기! Android 개발자 옵션 활성화 시키기! ⇒ Build Number를 열심히 클릭 한다! USB debugging 키기! USB 케이블 연결하기! IOS 터미널을 사용해 homebrew를 설치한다. #sudo gem install cocoapods 2. 안드로이드 스튜디오에서 설정을 위한 runner 앱을 찾아간다. ios폴더 우클릭 → Flutter → Open IOS module in Xcode 3. Xcode Runner 앱에서 Signing을 진행한다. Xcode에서 Runner 프로젝트를 찾는다. Signing & Capabilities 탭에 들어간다. Team → Add Acount.. → App.. 2020. 11. 23. 이전 1 2 3 4 5 다음
