URLSession을 통해JSON 가져오기 (1)

 

SwiftUI

 

 

이 글은 alamofire와 같은 외부라이브러리를 사용하지 않는 아주 기초적인 방법입니다!

 

 

 

json data를 가져올 샘플링크: https://jsonplaceholder.typicode.com/todos

 

위 사이트에서 받을 json의 형태는 다음과 같다.

Todo가 Codable, Identifiable 프로토콜을 채택해야 한다. 그 이유는 각각

Codable : JSONDecoder()에서 사용하기 위함

Identifiable : 데이터를 List에서 리스팅할 때 사용하기 위함

struct Todo: Codable, Identifiable {
    var userId: Int
    var id: Int
    var title: String
    var completed: Bool
}

 

network.swift

class network {
    
    func getTodos(completion: @escaping ([Todo]) -> Void) {
        
        guard let url = URL(string: "https://jsonplaceholder.typicode.com/todos") else {
            return
        }
        
        URLSession.shared.dataTask(with: url, completionHandler: { (data, response, error) in
            
            guard let realData = data else {
                return
            }
            
            
            do {
                let todos = try JSONDecoder().decode([Todo].self, from: realData)
                completion(todos)
            }catch {
                print(error)
                return
            }
            
            
        }).resume()
    }
}

순서대로 이해해보자. getTodos의 최종기능은 함수이름대로 json을 모두 가져오는 것이다. (json 주소 이름이 todos)

do-catch문에서 todos: [Todo] 일것이다. (json을 모두 가져와서 [Todo]로 저장) 클로저에 todos를 보낸다.

 

 

 

ContentView.swift

@State var todos = [Todo]()

var body: some View {

    List(todos){ todo in
        VStack(alignment: .leading) {
            Text("ID: \(todo.id.description)")
                .foregroundColor(.blue)
                .bold()
            Text(todo.title)
        }.padding()
        
    }
    .onAppear{
        network().getTodos { todos in
            self.todos = todos
        }
    }
}

ContentView의 todos에는 network.swift의 getTodos에서 생성된 todos가 저장된다.

 

---

위에 사용된 기능들 중에 모르는게 있다면 아래를 참고하시고 공부하실 땐 꼭 구글링하세요 !

@escaping : 아주 쉽게 생각해서 클로저를 getTodos 함수내에서 쓸 수 있게 해준다고 생각하자 (원래는 못씀)

guard : 간단하게 설명하면 옵셔널이 nil이면 함수를 더이상 실행하지 않고 끝낸다. nil 아니면 옵셔널 벗겨서 임시변수(let)에 저장하고 함수 아래에서 지역변수로 사용가능

.onAppear : view가 나타날 때 실행될 부분을 여기에 작성하면 된다

 

 

결과

 

 

코드 전체보기

https://github.com/sladuf/SwiftUI_practice/tree/main/practice_JSON

 

 

 

 

json에서 원하는 부분만 가져올 수 있는 struct 만들기

https://990427.tistory.com/99

[Swift] json 원하는 부분만 parsing하는 struct 만들기