이제 Step 6 !!! 지금까지 우리가 만든 앱은, next 버튼을 누르면 이전에 나왔던 단어를 볼 수 없었다. 그래서 이번 단계에서는 'Like' 버튼을 눌러, 원하는 단어를 기억해보려고 한다. 이번 목표는 다음 화면과 같다. Add the business logic MyAppState 에서 다음과 같이 코드를 수정해보자. lib/main.dart // ... class MyAppState extends ChangeNotifier { var current = WordPair.random(); void getNext() { current = WordPair.random(); notifyListeners(); } // ↓ Add the code below. var favorites = []; void t..

지난 스텝까지 잘 따라왔다면 다음과 같은 결과가 나왔을 것이다. 하지만 모두 느끼듯, 현재는 패딩도 맞지 않고, 우리가 중요하게 보여줘야 할 데이터인 word가 한 눈에 들어오지 않는다. 우리는 사용자가 느끼기에 조금 더 쉽게, 원하는 정보를 얻을 수 있도록 해야한다. 그래서 이번 스텝에서는 이러한 시각적인 요소(디자인) 에 조금 신경을 써보려고 한다. 코드랩에서 제시한 다음 우리의 목표는 이 이미지와 같다. Extract a widget 현재 우리 코드에서는 word pair를 다음과 같이 나타내고 있다. Text(appState.current.asLowerCase) 이 코드를 조금 더 복잡하게 바꿔보려고 한다. 이 코드를 별도의 위젯으로 빼는 것이 좋다고 한다. 이처럼 UI의 각 요소에 대해 별도의 ..