[swift] SwiftSoup을 이용하여 웹페이지에서 특정 클래스를 가진 요소에 스타일을 추가하는 방법은?

16 Nov 2023

swift

SwiftSoup은 Swift에서 HTML 파싱을 쉽게 처리할 수 있는 라이브러리입니다. 웹페이지에서 특정 클래스를 가진 요소에 스타일을 추가하기 위해 SwiftSoup을 사용하는 방법을 알아보겠습니다.

먼저 SwiftSoup을 프로젝트에 추가해야 합니다. Swift Package Manager를 사용하는 경우, Package.swift 파일에 SwiftSoup 종속성을 추가합니다. 아래와 같은 코드를 dependencies 섹션에 추가하세요:

dependencies: [
    .package(url: "https://github.com/scinfu/SwiftSoup.git", from: "2.2.0")
]

SwiftSoup을 추가한 후, 웹페이지를 가져오고 원하는 클래스를 가진 요소에 스타일을 추가하는 코드를 작성할 수 있습니다. 아래는 예시 코드입니다:

import SwiftSoup

do {
    // 웹페이지 가져오기
    let url = try URL(string: "https://www.example.com")
    let html = try String(contentsOf: url!)

    // SwiftSoup을 사용하여 문서 파싱
    let doc = try SwiftSoup.parse(html)

    // 특정 클래스를 가진 요소 선택
    let elements = try doc.select(".my-class")

    // 선택한 요소에 스타일 추가
    for element in elements {
        try element.attr("style", "color: blue;")
    }

    // 변경된 HTML 문자열 확인
    let modifiedHtml = try doc.html()

    print(modifiedHtml)
} catch let error {
    print(error)
}

위의 코드를 실행하면 해당 URL에서 웹페이지를 가져와서 .my-class 클래스를 가진 요소에 스타일을 추가한 뒤 변경된 HTML 문자열을 출력합니다. 이제 해당 클래스를 가진 요소는 파란색으로 표시될 것입니다.

SwiftSoup을 이용하여 웹페이지에서 특정 클래스를 가진 요소에 스타일을 추가하는 방법에 대해 알아보았습니다. SwiftSoup은 HTML 파싱을 간편하게 처리할 수 있도록 도와줍니다. 더 자세한 정보는 SwiftSoup 공식 문서를 확인해보세요.