[iOS]Swift로 엑셀파일 파싱해서 테이블뷰에 띄우기(Parse Excel with Swift)

안녕하세요 Foma 입니다!

 

오늘은 평소에 엑셀에 있는 정보를 어떻게 관리할수 없을까? 를 생각하다가

 

엑셀을 파싱하는법에 대해서 알게돼서 정보를 공유하려고 합니다!

 

바로 시작할게요~

---

Preview

 

 

---

Excel

 

먼저 Excel 파일인 .csv 파일을 준비해주세요!

 

저는 다음과 같이 나라와 도시 그리고 나라코드가 있는 엑셀정보를 준비했습니다.

 

(혹시 필요하신 분들을 위해 파일을 첨부해놓겠습니다!)

 

location.csv

0.50MB

 

---

Xcode

 

이 파일을 Xcode 프로젝트 안에 넣어주세요!

 

 

 

 

그러면 엑셀안에 있는 정보들이 Xcode 안에선 아래와 같이 보이게 됩니다.

 

 

 

---

Storyboard

 

나라이름과 도시를 띄울 테이블뷰 컨트롤러를 만들어줍시다!

 

 

 

 

테이블뷰셀에서 Style을 Subtitle로 바꾸면

 

 

 

 

아래와 같이 자동으로 Title과 Subtitle이 있는 셀이 만들어지게 됩니다.

 

 

 

 

그리곤 ExcelTableViewController와 ExcelTableViewCell을 만들어주세요!

 

 

 

 

아래와 같이 파일이 만들어졌다면

 

 

 

 

다시 스토리보드로 이동해서 TableViewController 클래스를 ExcelTableViewController로 바꿔줍니다.

 

 

 

 

그리고 TableViewCell의 클래스도 ExcelTableViewCell로 바꿔주시고

 

 

 

 

반드시 Identifier도 원하시는 이름으로 설정해주세요.(저는 기억하기 쉽게 Class 이름이랑 똑같이 했습니다.)

 

 

 

---

728x90

ExcelTableViewController

 

자 이제 ExcelTableViewController로 이동해줍니다.

 

제일 먼저 도시와 나라를 담을 배열을 만들어줍니다.

var cityAndCountry:[[String]] = []

그리곤 엑셀파일을 파싱하는 parseCSVAt(url:URL)함수를 만들어주세요.

 

url로 받은 정보를 data로 바꾼 뒤 데이터를 인코딩하는 작업입니다.

 

그리곤 ,와 줄바꿈을 기준으로 나라와 도시를 cityAndCountry 배열에 담게됩니다.

 private func parseCSVAt(url:URL) {
        do {
            
            let data = try Data(contentsOf: url)
            let dataEncoded = String(data: data, encoding: .utf8)
            
            if let dataArr = dataEncoded?.components(separatedBy: "\n").map({$0.components(separatedBy: ",")}) {
                
                for item in dataArr {
                    cityAndCountry.append(item)
                }
            }
            
        } catch  {
            print("Error reading CSV file")
        }
    }

 

아래와 같이 loadLocationsFromCSV 함수를 만들어주세요.

 

Bundle.main.path(forResource:엑셀파일이름,ofType:엑셀파일명)으로 path를 만들어줍니다.

 

parseCSVAt에 파라미터로 만들어준 path를 URL로 넣어줍니다.

 private func loadLocationsFromCSV() {
        let path = Bundle.main.path(forResource: "location", ofType: "csv")!
        parseCSVAt(url: URL(fileURLWithPath: path))
        tableView.reloadData()
    }

 

위에서 만들어준 loadLocationFromCSV() 함수는 반드시 viewDidLoad() 안에 실행시켜주셔 합니다!

  override func viewDidLoad() {
        super.viewDidLoad()
        loadLocationsFromCSV()
    }

마지막으로 tableView의 dataSource를 설정해줍니다.

 

먼저 numberOfRowsInsection엔 cityAndCountry의 숫자만큼 return 해주시고

 

cell은 withIdentifier에 아까 만들어주신 Identifier 이름을 넣어주시고 위에서 만들어준 ExcelTableViewCell로 만들어줍니다.

 

cell.textLable은 스토리보드에서 본 Title입니다. 이것은 cityAndCountry의 indextPath.row번째의 0번째로 설정해줍니다.

 

cell.detatilTextLable은 스토리보드에서 본 Subtitle입니다. 이건 cityAndCountry의 indextPath.row번째의 1번째로 설정해주세요!

 

이유는 ,를 기준으로 나누었기 때문에 cityAndCountry는 [["도시"],["나라이름"]] 과 같이 담겨있기 때문입니다.

 

그리고 마지막으로 cell을 return 해줍니다.

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        
        return cityAndCountry.count
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "ExcelTableViewCell") as! ExcelTableViewCell
        cell.textLabel?.text = cityAndCountry[indexPath.row][0]
        cell.detailTextLabel?.text = cityAndCountry[indexPath.row][1]
        return cell
    }

---

GIF

 

이렇게 한 뒤 실행시켜보면 아래와 같이 엑셀 안에 담겨있는 도시와 나라 이름이 테이블뷰 화면에 나타나게 됩니다!!

 

 

---

Souce Code

 

---

오늘은 이렇게 Excel 파일 안에 있는 정보를 파싱하고 테이블뷰에 띄워보는 것을 알아보았는데요.

 

혹시 틀린점이 있거나 지적하실 부분 혹은 궁금하신 점이 있다면 언제든 댓글로 알려주세요~~