iOS에서 TableView 셀(Cell)의 배경색을 변경하는 방법

iOS TableView 셀 배경색 변경하기

테이블 뷰(Table View) 항목의 배경색을 변경하는 것은 테이블 뷰 자체의 배경색을 변경하는 것과는 전혀 다른 작업입니다. 초보 개발자들이 이 두 가지를 혼동하는 경우가 많은데요, 이번 포스트에서는 테이블 뷰의 항목, 즉 셀(Cell)의 배경색을 변경하는 방법을 자세히 알아보겠습니다.

그럼 바로 시작해 보겠습니다.

핵심은 contentView.backgroundColor 프로퍼티

테이블 뷰 셀의 배경색을 변경하려면 셀의 contentView.backgroundColor 프로퍼티를 수정해야 합니다. 단순히 backgroundColor만 변경하는 것보다 contentView의 배경색을 지정하는 것이 셀 선택 시 하이라이트 효과와 함께 더 안정적으로 동작합니다.

cellForRowAt indexPath 메서드에 아래 코드를 추가하세요.

cell.contentView.backgroundColor = UIColor.cyan

전체 코드 예시

위 코드를 적용하면 메서드는 다음과 같은 형태가 됩니다.

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! TableViewCell
    cell.contentView.backgroundColor = UIColor.cyan
    return cell
}

실행 결과 확인하기

코드 작성이 완료되면 프로젝트를 빌드하고 실행하여 결과를 확인해 보세요. 화면의 모든 셀이 시안(Cyan) 색상으로 표시되는 것을 확인할 수 있습니다.

추가 팁: 조건별로 다른 색상 적용하기

특정 행에만 다른 배경색을 적용하고 싶다면 indexPath.row 값을 활용한 조건문을 사용할 수 있습니다. 예를 들어 짝수 번째 행과 홀수 번째 행에 서로 다른 색상을 지정하면 가독성이 좋은 줄무늬 스타일의 리스트를 손쉽게 구현할 수 있습니다.