SwiftUI Modifiers​

Text("This is an apple")
    .opacity(0.5)
    .border(.black)

• Text를 그리고 텍스트에 투명도를 설정한 후 그 위에 border를 설정하는 코드이다
• 위 처럼 Modifier의 순서가 매우 중요하다

Some View Modifiers in SwiftUI​

• Kerning
  • 커닝(kerning)은 글자의 모양 때문에 활자가 고르게 배열되지 않은 것처럼 보이는 것을 글자 모양에 따라 적당한 간격을 두게 조정하여 시각적으로 매끄럽게 보이게 하는 것을 말한다.
• Bold
• Font
• Line Spacing
• Multiline Text Alignment

Instances​

• Dog라는 class를 구현

class Dog {
    private var name: String
    private var breed: String

    init(name: String, breed: String) {
        self.name = name
        self.breed = breed
    }

    func toString() {
        print("name: \(name), breed: \(breed)")
    }
}

• 스위프트에서 template를 구현하는 방법은 class, struct 2가지가 있다
• class, struct 은 함수와 data를 가지고 있다

Data​

• 데이터는 position, width, height 와 같은 값들의 집합이다
• Properties
  • Stored Property
    • var subtotal: Double
  • Stored Propery
    • var tax: Double
  • Computed Property
    • var total: Dobule { return subtotal + tax }

Methods​

• 함수는 User tap, highlight self, trigger action과 같이 특정 이벤트를 정의한다
• functionality == Methods

Instance
    .methodName(parameters)

Text("This is an apple")
    .bold()
    .kerning(2.0)

정리​

• 앱은 class와 struct의 instance들로 구성된다
• class 와 struct 은 data와 Methods를 포함하고 있다

SwiftUI 기초 강좌 Kodeco Bullseye 앱 만들기​

Programming To-Do List

• Must Haves
  • 프로그램이 가져야 할 필수적 기능들
• Nice to Haves
  • 필수는 아니지만 있으면 좋은 기능들

Challenge Time

• Must Haves
  • 설명 label
  • 과녁 label
  • 과녁이 움직일 수 있는 slider
  • 'Hit me' 버튼
  • style the text like Luke's design
  • 버튼을 탭 했을 때 보여지는 팝업
  • 유저 탭 이후 슬라이더 값 표시
  • 랜덤하게 생성되는 과녁 점숨
  • 점수는 보여주는 디스플레이 기능
• Nice to Haves
  • 재시작 버튼
  • 리더보드
  • 여러 라운드 기능
  • 추가 적인 UI

Views

• Some Views in SwiftUI
  • Text
    • Read only text
  • Slider
  • Button
  • Vertical Stack
    • VStack
  • Horizontal Stack
    • HStack