카운터 앱 프로젝트
프로젝트 소개
카운터 앱은 숫자를 증가, 감소, 초기화하는 기능을 가진 간단한 iOS 앱입니다. UIKit의 기본 컴포넌트를 활용하여 사용자 이벤트를 처리하는 방법과 Auto Layout을 통한 UI 배치를 연습해볼 수 있습니다.
학습 목표
1.
UIKit 기본 컴포넌트 활용: UIButton, UILabel 등 주요 UI 구성 요소 익히기.
2.
사용자 이벤트 처리: 버튼 클릭 시 동작 구현.
3.
Auto Layout: 다양한 화면 크기에서도 정상적으로 동작하는 UI 배치 연습.
4.
변수와 데이터 변경: Swift에서 상태(변수) 업데이트 방식 이해.
구현할 기능
1.
숫자 증가/감소:
•
"+" 버튼을 클릭하면 숫자가 1씩 증가.
•
"-" 버튼을 클릭하면 숫자가 1씩 감소.
2.
초기화 기능:
•
"Reset" 버튼을 클릭하면 숫자가 0으로 초기화.
3.
현재 숫자 표시:
•
중앙에 UILabel로 현재 숫자를 표시.
요구 사항
UI 구성
1.
UILabel:
•
화면 중앙에 현재 숫자를 표시합니다.
•
초기 값은 "0"으로 설정합니다.
2.
UIButton:
•
하단에 "+" 버튼, "-" 버튼, "Reset" 버튼을 수평으로 배치합니다.
•
각각의 버튼은 각 기능(증가, 감소, 초기화)을 담당합니다.
3.
Auto Layout:
•
모든 UI 컴포넌트는 Auto Layout을 사용해 배치합니다.
구현 단계
Step 1: 기본 UI 만들기
1.
UILabel 추가:
•
화면 중앙에 UILabel을 배치하고 초기 값 "0"을 설정하세요.
2.
UIButton 추가:
•
"+" 버튼, "-" 버튼, "Reset" 버튼을 화면 하단에 수평으로 배치하세요.
•
버튼에 적절한 텍스트를 추가하세요.
Step 2: 기능 구현
1.
숫자 증가/감소:
•
"+" 버튼을 누르면 현재 숫자를 1 증가시키고, UILabel에 업데이트하세요.
•
"-" 버튼을 누르면 현재 숫자를 1 감소시키고, UILabel에 업데이트하세요.
힌트(10분 간 고민하고 토글 펼치기)2.
초기화 기능
•
"Reset" 버튼을 누르면 숫자를 0으로 초기화하고 UILabel에 업데이트하세요.
힌트(10분 간 고민하고 토글 펼치기)Step 3: 추가 도전 과제 (선택 사항)
1.
최대/최소 값 설정:
•
증가/감소 값이 특정 범위를 초과하지 않도록 제한(예: -10 ≤ count ≤ 10).
2.
버튼 활성화/비활성화:
•
최소 값(-10)일 때 "-" 버튼 비활성화, 최대 값(10)일 때 "+" 버튼 비활성화.
힌트(10분 간 고민하고 토글 펼치기) 완성 조건
1.
버튼 클릭 시 숫자가 올바르게 증가/감소/초기화됩니다.
2.
UI가 Auto Layout으로 적절히 배치되어 다양한 화면 크기에서 정상적으로 표시됩니다.
제출하기
1.
GitHub에 프로젝트 업로드:
•
프로젝트 폴더와 주요 코드를 포함하세요.
2.
README.md 작성:
•
앱의 주요 기능 설명 및 실행 방법을 적어주세요.
