조금 매운맛 20 채팅앱 UI 디자인 pt1,2 따로 이렇게 만들어주기 삼항조건연산자 !isSingupScreen ? Palette.activeColor : Palette.textColor1, > 로그인 화면이 선택 됐을 때 activeColor 보여주고 아니면 textColor1 보여주기 inline if - dart 2.3 이상 도입 - 한 컬렉션(column 위젯 내 list 요소) 안에서 어떤 예외적인 조건을 쉽고 명확하게 지정할 수 있는 기능 signup 스크린이 선택되지 않은 상태에서만 밑줄을 위한 컨테이너를 그림 UI 완성본 및 전체코드 더보기 //palette.dart import 'package:flutter/painting.dart'; class Palette{ static const ..
조금 매운맛 18 플러터 키 이해하기 What ar the keys? 1. 위젯이 위젯트리 상에서 이동을 하는 과정에서 위젯의 State를 보존하기 위해서 2. 위젯이나 요소들을 유니크하게 식별해주는 역할 위젯 수준의 state는 UI가 변경되도록 영향을 미치는 데이터 위젯이 위젯트리상에서 이동한다는 의미 > 투두리스트 앱을 예시로 List의 제일 첫번재 인덱스 0번을 가진 Item 3이 5,6 사이로 이동했다고 해서 Item 3번 인덱스가 변하거나 하지 않음 > 이 때 같은 타입의 위젯들에게 Key 값을 부여해서 플러터가 식별하도록 만들어줌 * 기본적으로 플러터 프레임워크에서 제공해주는 위젯들은 빌드 타임 시 키를 부여받게 됨. > statefulwidget 생성시 자동으로 key가 생성된 것을 볼 수..
애뮬레이터가 오류나서 안드로이드 스튜디오를 껐다가 다시 키는 과정에서 아예 main.dart가 작동되지 않는 오류가 발생했다. 스택오버플로우에서 가져온 이미지지만 나도 main.dart를 실행하려고 하면 계속 이런 오류창이 떴다. 강의를 따라서 진행하다가 오류가 생겼고 구글링 결과 flutter upgrade를 진행했었다. 그리고 나서 안드로이드스튜디오를 껐다 켰고 이후 계속 같은 에러가 발생했다. 그럼 다음과 같이 순서대로 해결해 볼 수 있다. 방법 1. 먼저 flutter doctor 실행해서 버전과 설치 된 것들 확인 > 업그레이드가 안 되어 있다면 upgrade 하기 > 업그레이드를 했다면 다시한번 flutter doctor 로 체크하기 나는 이때 다음과 같이 에러가 다시! 또! 발생했다. Win..
조금 매운맛 13 날씨앱 만들기 1 기능 - 위치 정보 사용 허락 - 날씨, 날짜, 시간 화면 표시 - 검색으로 원하는 지역 날씨 확인 위젯의 Life cycle(생명주기) 1. Stateless Widget - 한번 생성되면 바뀌지 않는다. - 바꿀려면 위젯을 완전히 파괴(destroy) 하고 새롭게 빌드(rebuild)해야함 - build method 만 신경쓰면 됨. 2. State Widget - state object와 결합하여 setstate 메소드를 통해서 원하는 구성요소나 속성변수를 언제나 업데이트 할 수 있음 - Stateful widgets live longer thatn stateless widgets ( Stateless Widget 보다 좀더 긴 생명주기를 가짐)- 대표적인 생명주..
조금 매운맛 리스트 내 뉴스 Flutter 2.0과 Null safety(널세이프티) pt1 Flutter 2.0 1. 구글이 폐기한 227개의 product는 모두 생산성을 담당 2. 전세계적으로 flutter 사용 중 3. 구글의 fuchsia의 푸시와 flutter의 의미 Flutter는 같은 코드로 mac, windows, linux, chrome 등 어떤 플랫폼을 통해서 배포하든 한결같은 UX 제공 - Null : 값이 아직 정해지지 않은 것 예시) Food favorite = null; = 좋아하는 음식이 없다. food 타입의 변수명이 favorite인 변수 favorit 변수는 food 타입이면서 nullable 타입임 하지만 null은 음식값이 될수 없어서 오류를 야기함 그래서 주로 nu..
조금 매운맛 10 dart 반복문 (loop)과 로또 프로그램 pt 1 반복문 1) For loop for(int i=0; ii+1)..shuffle(); print(test); } 여기서 6개의 함수만 뽑아야함 > sublist 사용 > 인자값으로 가지고 있는 start와 end 주의 List들의 인덱스. start는 0일 때, 첫번째 인덱스 가르키는 것 맞음 ㅇㅇ 하지만 end는 -1 해야함. 즉 end 10 이라면 인덱스는 9를 가르키는 것 (간단히 불러올 갯수라고 생각하면 편할듯) sublist(2, 5) >>> List index 2부터 시작해서 5개를 불러오는 것 void main(){ var test = (List.generate(45, (i)=>i+1)..shuffle()).sublist(..
조금 매운맛 8 Future, async, awite 이해하기 예로 햄버거를 주문할 때, 햄버거를 주문함 1. 결제 후 영수증을 받음 2. 전광판을 보면서 영수증에 적힌 내 번호를 찾음 3. 번호가 뜨면 영수증을 교환해서 햄버거를 찾음 4. 맛있게 먹음 2번에서 영수증은 중요한 것이 아님. 영수증과 영수증에 적힌 번호는 3번(미래)에서 햄버거를 받겠다는 일종의 약속. Future은 아직 받지 않은 햄버거처럼 실재하지 않는 상태 후에 영수증을 교환해서 햄버거를 찾는 것처럼 미래에 구체적인 것으로 바뀐다는 개념 Future - 미래에 String, int, image 등 어떤 것이 결과물로 나타나서 객체로 반환되는 것 - 일종의 약속 - 잠시 후에 결과를 확인 할 수 있는 실재적인 사물이 '될' 것 - 미개..
