

사용자 인터페이스는 이제 거의 끝났는데, 주사위가 화면 중앙으로 오고 주사위끼리 간격이 조금 있어야한다.

우선 그러려면, 주사위들을 담고있는 row 위에 center 위젯을 넣어줘야 한다.

여기서 정말 편한 방법이 있는데, 감싸고 싶은 위젯에 커서를 놓은 뒤 flutter outilne을 눌러주고, command를 누른채 감싸고 싶은 위젯을 누르면 이렇게 wrap with center 라는 것이 뜬다.

그 후 wrap with center를 눌러주면 이렇게 자동으로 center가 위젯들을 감싸주게 된다!!
(무조건 기억하기! 잘 쓰면 엄청 편할듯)
다음은 주사위의 크기를 조금 줄여서 간격을 띄워줘야하는데, padding을 주면서 해결했다!

여기서 원하는 위젯을 클릭한 뒤 조금 기다리면 전구 모양이 나오는데, 이때 wrap with padding을 누르면 자동으로 감싸진다!

16 padding씩 넣어서 주사위 간격을 조절하는 것은 도전과제로 나왔는데, 위에서 padding으로 쉽게 감싸는 법은 미리 알게돼서 금방 했다!
근데 어디에 padding을 줘야되는지는 한번에 몰랐어서 여기저기 넣어보면서 했다..
세줄요약-
1. Flutter outline을 사용하면 편하게 위젯을 추가할 수 있다.
2. Flutter는 코드를 진짜 편하게 짜게 해준다.
3. 속성 어디에 줘야하는지 익숙해지기!