[개인과제] 카운터앱 만들기

24년 6월 24일

 

앱개발 입문 1주차 강의 개인과제로 간단한 카운터 앱 만들기 했다

감소 버튼 누르면 숫자가 하나씩 떨어지고 증가 버튼 누르면 숫자가 하나씩 증가하는

아쥬아쥬 간단한 앱이지만 스토리보드 처음 써보는거라 떨리고 설렘

 

까먹지 않고 기록하기 위해 남기는 일기 ~!

---

 

스토리보드 제작 과정

 

1. 스토리보드 파일 생성

2. 백그라운드 컬러 적용

(view → Background  → 블랙으로 변경)

 

3. 숫자 Label 생성

3-1) 디자인: Color - White Color,  Font - System Bold 45size,  Background - Default, textAlignment - center

 

3-2) Constraints width 80 설정

 

3-3) Horizontally / Vertically in container 설정

 

4. <증가>, <감소> Botton 생성

4-1) 디자인: Background - Red

 

4-2) width - 80,  height - 30, Text Label 과의 거리 32 설정

 

---

 

ViewController 제작

 

1. command + ViewController 클릭 시 화면 분할됨

 

2. 생성한 Label & Botton 뷰 컨트롤러에 끌어와서 IBOutlet 적용

* 마우스 좌클릭해서 드래그

* 또는 command 누르고 클릭 드래그

 

3. 동작이 필요한 Botton은 추가로 IBAction 설정

 

4. 카운팅할 간단한 코드 넣어주기

*감소 클릭 시 -1  &&  Text Label 에도 적용

*증가 클릭 시 +1  &&  Text Label 에도 적용

---

작동 확인