iOS 9th Class

🩺 프로젝트 계획서 – MyBMI (스토리보드 기반)

1️⃣ 프로젝트 개요

• 앱 이름: MyBMI – 나의 건강 지수
• 개발 환경:
  • Xcode 최신 버전 (예: Xcode 16 기준)
  • iOS 17 이상 지원
  • UIKit + Storyboard 기반
  • Swift 언어 사용
• 목표:
  스토리보드를 이용해 UI를 직관적으로 구성하고, 간단한 BMI 계산과 체중 추적 기능을 제공하는 초보자 친화형 iOS 앱 개발.

2️⃣ 앱의 주요 기능

화면 구성 (Storyboard 구조)

▶ 1. 메인 화면 – BMI 계산기

• ViewController: MainViewController
• 구성 요소:
  • UILabel: “나의 BMI 계산기”
  • UITextField (2개): 키 입력, 몸무게 입력
  • UISegmentedControl: 단위 선택 (cm/kg, inch/lbs)
  • UIButton: “계산하기”
  • UILabel: 결과 표시 (BMI 수치 + 상태)
  • UIView (게이지 색상용): BMI 상태에 따라 색상 변경
  • UIButton: “기록 보기로 이동”

💡 로직 개요

let height = Double(heightTextField.text ?? "") ?? 0
let weight = Double(weightTextField.text ?? "") ?? 0
let bmi = weight / pow(height/100, 2)
resultLabel.text = String(format: "BMI: %.1f", bmi)

BMI 범위에 따라 색상과 문구를 변경 (예: <18.5 저체중, 18.5~24.9 정상 등)

▶ 2. 기록 화면 – Weight Record

• ViewController: RecordViewController
• 구성 요소:
  • UITableView: 날짜별 체중 표시
  • UIButton: “새 기록 추가”
  • Navigation Bar Title: “체중 기록”

💡 데이터 저장 방식

• 초보자용: UserDefaults 사용
  (예: UserDefaults.standard.set(records, forKey: "weightRecords"))
• 추후 확장: Core Data로 전환 가능

▶ 3. 새 기록 추가 화면 – Add Record

• ViewController: AddRecordViewController
• 구성 요소:
  • UITextField: 체중 입력
  • UIDatePicker: 날짜 선택
  • UIButton: “저장하기”

저장 시 UserDefaults 배열에 추가 → Record 화면의 테이블뷰 리로드

▶ 4. 설정 화면 – Settings

• ViewController: SettingsViewController
• 구성 요소:
  • UISwitch: 알림 켜기/끄기
  • UIButton: 데이터 초기화
  • UISegmentedControl: 단위 변경

화면 전환 구조 (Storyboard Segue)

MainViewController
├─(Show segue)→ RecordViewController
│ └─(Modal segue)→ AddRecordViewController
└─(Tab or modal)→ SettingsViewController

• Navigation Controller를 루트로 사용
• Segue Identifier로 각 화면 전환 제어
• “돌아가기” 버튼은 자동 생성됨

파일 구조 (프로젝트 폴더 구조 예시)

MyBMI/
├─ Models/
│ ├─ BMIModel.swift
│ └─ RecordModel.swift
├─ ViewControllers/
│ ├─ MainViewController.swift
│ ├─ RecordViewController.swift
│ ├─ AddRecordViewController.swift
│ └─ SettingsViewController.swift
├─ Storyboard/
│ └─ Main.storyboard
├─ Resources/
│ ├─ Assets.xcassets
│ └─ Localizable.strings
└─ AppDelegate.swift

개발 단계별 일정 (스토리보드 버전)

향후 확장 아이디어

• 그래프 추가 (예: Charts 프레임워크로 체중 변화 그래프)
• HealthKit 연동 (체중 자동 입력)
• AI 추천 (BMI 결과 기반 운동/식단 팁 제시)

{
    // 입력값 검증
    guard let heightText = txtHeight.text,
          let weightText = txtWeight.text,
          !heightText.isEmpty,
          !weightText.isEmpty else {
        lblResult.text = "키와 체중을 입력하세요!"
        return
    }
    
    // Double 변환 검증
    guard let height = Double(heightText),
          let weight = Double(weightText) else {
        lblResult.text = "숫자로 입력해주세요!"
        return
    }

    // BMI 계산
    let bmi = weight / pow(height * 0.01, 2)
    let shortenedBmi = String(format: "%.1f", bmi)

    // 판정 계산
    let body: String
    switch bmi {
    case 40...:
        body = "3단계 비만"
    case 30..<40:
        body = "2단계 비만"
    case 25..<30:
        body = "1단계 비만"
    case 18.5..<25:
        body = "정상"
    default:
        body = "저체중"
    }

    // 결과 표시
    lblResult.text = "BMI: \(shortenedBmi), 판정: \(body)"
    print("BMI: \(shortenedBmi), 판정: \(body)")
}

            var color = UIColor.white
            if bmi >= 40 {
                color = UIColor(displayP3Red: 1.0, green: 0.0, blue: 0.0, alpha: 1.0)
                body = "3단계 비만"
            } else if bmi >= 30 && bmi < 40 {
                color = UIColor(displayP3Red: 1.0, green: 0.7, blue: 0.0, alpha: 1.0)
                body = "2단계 비만"
            } else if bmi >= 25 && bmi < 30 {
                color = UIColor(displayP3Red: 1.0, green: 1.0, blue: 0.0, alpha: 1.0)
                body = "1단계 비만"
            } else if bmi >= 18.5 && bmi < 25 {
                color = UIColor(displayP3Red: 0.0, green: 0.8, blue: 0.0, alpha: 1.0)
                body = "정상"
            } else {
                color = UIColor(displayP3Red: 0.0, green: 0.0, blue: 1.0, alpha: 1.0)
                body = "저체중"
            }

            print("BMI:\(shortenedBmi), 판정:\(body)")
            lblResult.backgroundColor = color
            lblResult.clipsToBounds = true
            lblResult.layer.cornerRadius = 20
            lblResult.text = "BMI:\(shortenedBmi), 판정:\(body)"