100 Days of SwiftUI - Day 21
Day 20에서 배웠던 내용을 이용하여 Guess the Flag 앱을 구현해본다.
이미지를 프로젝트에 추가
project2-file 폴더에서 국기들의 이미지를 찾아 Assets.xcassets에 드래그 앤 드랍하여 프로젝트에 추가한다.
@2x, @3x는 이미지의 2배, 3배 해상도인데 여러 기기에서 이미지를 처리하기 위한 해상도이다.
국기들의 모든 이미지와 어떤 국가 이미지가 올바른지 저장한다.
//이외에도 많은 국기들이 있다.
var countries = ["Estonia", "France", "Germany"]
//0,1,2 중에서 임의의 숫자를 선택한다.
var correctAnswer = Int.random(in: 0...2)
VStack을 사용한 UI 생성
VStack을 사용하여 여러 요소들을 배치한다.
VStack에 spacing 옵션을 사용하여 요소들 사이의 간격을 조절할 수 있다.
font()를 사용한 글꼴 수정
.font() 수정자는 iOS 내장된 폰트 사이즈를 하나 선택하여 표시할 수 있게 해준다.
또한 글꼴의 무게(weight)를 조정할 때에는 weight() 수정자를 사용해 조정이 가능하다.
//Tap the flag of 텍스트 뒤에 추가
.font(.subheadline.weight(.heavy))
//Text(countries[correctAnswer]) 뒤에 추가
.font(.largeTitle.weight(.semibold))
