티스토리 뷰

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 프로퍼티는 서버에서 받아왔음.

'iOS 개발 > SwiftUI' 카테고리의 다른 글

SwiftUI) Slider, 원형 progress 꾸미기  (0) 2022.02.25
SwiftUI) @State, @Binding 예제  (0) 2022.01.31
SwiftUI) ScrollView 예제  (0) 2022.01.30
SwiftUI) TextEditor 예제  (0) 2022.01.30
SwiftUI) Toggle Custom 예제  (0) 2022.01.30
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
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
글 보관함