iOS 개발/SwiftUI
SwiftUI) json networking
iDrogba
2022. 2. 15. 22:48
- ContentView
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
import SwiftUI
struct ContentView: View {
@State var todos = [Todo]()
var body: some View {
List(todos){ todo in
VStack(alignment: .leading){
Text(todo.title!)
Text(todo.completed!.description)
}
}.onAppear {
WebAPI().getTodos { todos in
self.todos = todos
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
|
cs |
1. List(todos) : List에 todo 배열 넘겨줌.
2. .onAppear : List View 구조가 완성된 뒤에 네트워킹으로 가져온 정보 주입.
- WebAPI
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
import Foundation
import SwiftUI
struct Todo: Codable, Identifiable {
var userId: Int?
var id: Int?
var title: String?
var completed: Bool?
}
class WebAPI{
func getTodos(completion: @escaping ([Todo])->Void) {
guard let url = URL(string: "https://jsonplaceholder.typicode.com/todos") else {
return
}
URLSession.shared.dataTask(with: url) { data, response, error in
guard let data = data else {
return
}
do{
let todos = try JSONDecoder().decode([Todo].self, from: data)
completion(todos)
}catch{
print(error)
}
}.resume()
}
}
|
cs |
1. func getTodos(_) : 클로저를 받아와서 그 클로져를 실행하는 방법으로 구현.
2. completion이 @escaping 인 이유 : 18번줄~30번줄 함수는 함수 안에 있는 함수, 중첩함수임. 중첩함수 내부에선 non-escaping 클로저는 사용할 수 없으므로 completion 클로저를 escaping 클로저로 선언.
3. Todo 구조체가 Codable : JSONDecoder().decode 사용가능.
4. Todo 구조체가 Identifiable : List에 사용가능. id 프로퍼티는 서버에서 받아왔음.