palrang22 / CalculatorStoryboard

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

간단한 계산기 앱 만들기 - 스토리보드 베이스

입문 강의에서 배운 것들을 복습하며 계산기 앱을 만들어봅시다.

  • UILabel로 숫자를 표시합니다.
  • UIButton으로 숫자와 연산 버튼들을 만듭니다.
  • UIStackView로 버튼들을 규칙성 있게 배치합니다.
  • AutoLayout을 활용해서 레이아웃을 설정합니다.
  • backgroundColor, layer.cornerRadius 등 다양한 속성들을 활용합니다.
  • UIButtonaddTarget 혹은 IBAction으로 버튼 클릭 시 이벤트를 설정합니다.

구현 단계 Level 1~8

  1. UILabel로 숫자 라벨 띄우기
  2. Horizontal StackView: 버튼 4개를 모아 가로 정렬 스택 뷰 만들기
  3. Vertical StackView: Horizontal StackView 4줄을 세로로 정렬하는 스택 뷰 만들기
  4. 숫자 버튼과 연산 버튼의 색상 구분하기
  5. 버튼을 원형으로 만들기
  6. 버튼을 클릭하면 라벨에 표시되도록 하기
    • 숫자가 0으로 시작하지 않도록 하기 (ex: 0123123)
  7. 초기화 버튼 (AC) 구현
  8. 사칙연산 버튼 (=) 구현

오랜 시간이 걸려도 괜찮습니다. 여러 가지 시행착오를 겪으며 성장하는 과제가 되었으면 좋겠습니다.

스토리보드 vs 코드베이스 UI

  • 두 가지 방법으로 모두 구현해보면 매우 좋은 연습이 됩니다.
  • 둘 중 하나만 연습한다면 코드베이스 UI로 구현해보는 것을 추천합니다.

레벨별 구현

  • Lv.1 ~ Lv.5: 반드시 구현 해보세요.
  • Lv.6 ~ Lv.8: 실력 향상을 위해 연습해보세요.

About


Languages

Language:Swift 100.0%