[iOS]BMI 앱 만들기 2주

📌 목차

1. 개요
2. 전체 코드 구조 설명
3. ViewController.swift 분석
4. BMI.swift 분석
5. 핵심 포인트 정리
6. 실습 체크리스트
7. 마무리

---

1. 개요

이번 12주차에서는 BMI(Body Mass Index) 계산기 앱을 UIKit 기반으로 구현한 코드를 분석합니다.
ViewController.swift와 BMI.swift 두 파일로 구성되어 있으며,
입력값 처리 → BMI 계산 → 카테고리 분류 → 화면 출력
까지의 흐름을 명확하게 이해하는 것이 핵심입니다.

---

2. 전체 코드 구조 설명

이 프로젝트는 크게 다음 두 부분으로 구성됩니다.

✔ UI 로직 — ViewController.swift

• 텍스트 입력 처리
• BMI 계산 버튼 이벤트
• 결과 출력
• 키보드 제어
• BMI 기준 팝업
• 성별 SegmentedControl 선택

✔ BMI 모델 — BMI.swift

• BMI 수치 계산
• BMI 카테고리(enum) 정의
• 표시용 결과 텍스트 생성

MVC 구조 중 ViewController = View + Controller,
BMI 구조체는 Model 역할을 명확하게 수행하고 있습니다.

---

3. ViewController.swift 분석

여기서는 사용자가 입력한 키와 몸무게를 가져와 BMI 모델에 전달합니다.

---

■ 3-1. 입력창 기본 설정

txtHeight.placeholder = "키(cm)를 입력하세요"
txtWeight.placeholder = "몸무게(kg)를 입력하세요"

txtHeight.keyboardType = .decimalPad
txtWeight.keyboardType = .decimalPad

• 자리표시 텍스트 설정
• 숫자 키패드 사용 지정

💡 iOS에서 decimalPad는 소수 입력이 필요한 앱에서 필수적인 설정입니다.

---

■ 3-2. 입력값 검증 후 BMI 계산

guard
    let h = parseNumber(from: txtHeight.text),
    let w = parseNumber(from: txtWeight.text),
    h > 0, w > 0
else {
    lblResult.textColor = .red
    lblResult.text = "유효한 키(cm)와 몸무게(kg)를 입력하세요"
    return
}

여기서 중요한 점

• guard 문을 이용해 잘못된 입력을 빠르게 차단 (Early Exit)
• 문자열 → Double 변환은 parseNumber() 함수가 담당
• UI 경고 처리까지 한 번에 수행

---

■ 3-3. BMI 생성 및 표시

let bmi = BMI(weight: w, height: h)
lastBMI = bmi
lblResult.text = bmi.resultText
lblResult.textColor = color(for: bmi.category)

핵심 로직

1. BMI 구조체 인스턴스 생성
2. lastBMI 저장 (팝업 정보 표시 위해)
3. 결과 텍스트 표시
4. 카테고리별 색상 변경

색상 변화 기준

BMI 단계 색상

저체중	파란색
정상	초록색
1단계 비만	주황색
2단계 비만	빨간색
3단계 비만	진한 레드

UI 피드백이 명확한 점이 장점입니다.

---

■ 3-4. 키보드 제어

func textFieldShouldReturn(_ textField: UITextField) -> Bool
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?)

• return 키로 다음 입력칸 이동
• 화면 터치 시 키보드 내려감

iOS UX에서 가장 자주 쓰이는 패턴입니다.

---

■ 3-5. BMI 설명 팝업

현재 계산된 BMI 기준표를 Alert로 시각적으로 안내합니다.

let alert = UIAlertController(
    title: "BMI 분류 기준",
    message: message,
    preferredStyle: .alert
)

사용자가 결과를 쉽게 이해하도록 돕는 좋은 UI 구성입니다.

---

■ 3-6. 성별 SegmentedControl

@IBAction func scFM(_ sender: UISegmentedControl) {
    if sender.selectedSegmentIndex == 0 {
    } else {
    }
}

아직 로직은 비어 있으나,
향후 성별에 따라 새로운 BMI 기준을 적용하거나
체지방률 계산(군대식 공식 등) 도 적용 가능하게 확장되어 있습니다.

---

4. BMI.swift 분석

---

■ 4-1. BMI 단계 enum

enum BMICategory {
    case underweight
    case normal
    case obese1
    case obese2
    case obese3
}

명확한 구분, 직관적인 구조.

---

■ 4-2. BMI 값 계산

var value: Double {
    let meter = height / 100.0
    return weight / (meter * meter)
}

핵심 공식

BMI = 체중(kg) / 키(m)^2

---

■ 4-3. BMI 단계 분류

switch value {
case ..<18.5:
case 18.5..<25:
case 25..<30:
case 30..<40:
default:
}

Swift 5.7 이후 지원되는
..<, default 문법을 잘 사용한 깔끔한 분류입니다.

---

■ 4-4. 결과 문장 생성

var resultText: String {
    let shortened = String(format: "%.1f", value)
    return "BMI: \(shortened), 판정: \(category.description)"
}

• 소수점 1자리 표기
• enum description을 활용한 간단하고 일관된 출력

---

5. 핵심 포인트 정리

항목 요약

MVC 구성	BMI 구조체(Model) + ViewController(VC) 역할 분리
입력 처리	guard로 깔끔한 오류 처리
데이터 변환	parseNumber()로 숫자 처리 안정성 극대화
UI 피드백	색상, alert 등으로 사용자 경험 강화
확장성	성별·체지방률·BMI 그래프 등 확장 가능

---

6. 실습 체크리스트

✔ 키 입력 시 자동 포커스 이동 동작 구현
✔ BMI 계산값이 즉시 반영되는지 테스트
✔ 잘못된 입력 시 오류 메시지 출력 확인
✔ Alert 팝업 표시 정상 작동
✔ 색상 변경 로직 확인
✔ SegmentedControl을 이용해 남/녀 BMI 기준 변경 실습

---

7. 마무리

이번 12주차에서는 UIKit 기반 BMI 계산기 전체 구조를 분석했습니다.
이 앱은 입력 처리 → 모델 계산 → 시각적 출력까지 MVC 구조로 깔끔하게 구성되어 있으며,
Swift 초급에서 중급으로 올라가는 과정에서 꼭 알아야 할 패턴들이 모두 포함되어 있습니다.