flutter #3 tutorial 2 하트 만들기

xcode 업데이트까지는 os 업데이트 하고 해서 여차저차 되었지만..

아니 이거 기기 등록하려면 돈내야하고 그런 것 같고 안드로이드 스튜디오로도 그냥 볼 수는 있응께 그냥 스킵하고 필요하면 다시 설치하는 걸로

vscode 도 설치는 되어있다만 쓰지는 않을 것 같아서 아니 찾아보니께 그냥 안드로이드 스튜디오만 써도 되는 것 같네~~~~~~

와이어프레임이나 플로우 예상해서 해보았지만 그리다 말았고 

어제 오늘 생각해보니까 로그인 필요할 것 같아서 디비랑 그런 거 어떻게 해야 할지 생각해 보니까 firebase 가 가장 낫겠다 싶더라

하나도 모르는데 어차피 그냥 배우면서 하려고 하는 거니까 도전해보고

오늘은 튜토리얼 part2 를 해보려고 한다.

part2 는 flutter 공식 사이트가 아닌 구글 개발자~사이트에 있다.

 https://codelabs.developers.google.com/codelabs/first-flutter-app-pt2/#0

_saved 라는 Set<WordPair> 에다가 WordPair 를 저장해놓고 Tap 했을 때 onTap 이 실행이 되면 안에 포함되어있으면 지우고, 포함되지 않았으면 추가하고

그러면 다시 build 메소드가 호출이 되서 body 의 _buildSuggestions 이 호출되고 _buildRow 이 리턴되면서 

_saved 에 포함되어있는 WordPair 인지 확인해서 색깔을 넣어준다.

(onTap 안의 setState 는 build 메소드를 다시 호출해서 UI를 업데이트해주게 된다.)

아이콘을 누르게 되면 _pushSaved 라는 함수가 호출되고, 

저장된 wordpair 를 ListTile 형태로 return 해줘서 

Saved Suggestions 라는 앱바의 타이틀을 가진 곳의 body에 리스트를 뿌려주게 된다.