1. 기본 세팅 1. Asset에 이미지 파일 추가 설명은 생략한다. 그냥 드래그 앤 드롭으로 끝. 2. 이미지 로드 struct ContentView: View { var body: some View { Image("image-1") .resizable() .scaledToFi...

AsyncImage AsyncImage는 비동기로 이미지를 로드할때 사용한다. 로드중일때는 보통 Placeholder를 사용한다. 1. 뼈대 작성 struct ContentView: View { private let imageURL: String = "https://credo.academy/credo-academy@3x.png" ...

Info Button 기능 추가하기 Info Button을 누르면 Exchange Info 화면이 나오게 할 것이다. // Info Button HStack { Spacer() Button { ...

Info View 디자인하기 우선 파일을 하나 생성해주고 이때 UIkit을 할때는 Swift File을 했지만 이제는 아래에 있는 SwiftUI View로 만들어 준다. 그리고 다음과 같이 큰 틀을 짜준다. struct ExchangeInfo: View { var body: some View { ZStack { ...

Info Button 추가하기 기본적인 틀이 만들어졌으니, 버튼을 추가해보도록한다. 우선 버튼 디자인을 할 것인데, Button { } label: { Image(systemName: "info.circle.fill") ...

VHZStack 이미지로 간단하게 설명이 가능하다. V: Vertical H: Horizontal Z는 그냥 Z Axis인듯하다. 우리가 최종적으로 만들 앱의 Structure는 다음과 같이 될것이다. VHZStack도 View 라는것을 꼭 기억해두자. 뼈대 구성하기 여기 강의에서는 먼저 어떻게 할지 이미지화를 하고 그것에 대해서 ...

TabView를 사용하여 모두 가져오기 ContentView를 다듬어서 여태 구현한것을 모두 보여지게 해보자. TabView는 UIKit에서의 TabBarController이다. import SwiftUI import SwiftData struct ContentView: View { var body: some View { ...

차트를 구현해보려한다. TripsChart라는 새로운 파일을 만들어주고 import Charts를 해주자. 1. 샘플 데이터 모델링 struct SampleTripRating { let trip: Int let rating: Int static let ratings: [SampleTripRating] = [ ...