[iOS] 아이폰 이름 출력 앱 만들기

서론

이번 포스팅에서는 Xcode로 이름을 입력받고 화면에 출력하는 iOS 앱을 한 번 만들어보겠습니다.

 

아이폰 앱을 만들 때 최근에는 Swift UI로 많이 넘어가는 추세인 것 같지만 아직 스토리보드로 개발하시는 분들도 많기 때문에 우선은 스토리보드로 해보려고 합니다.

 

*개발 환경은 macOS Sonoma 14.1, Xcode 15.0.1 입니다.

 

그럼 바로 시작하겠습니다.

본론

프로젝트 파일 생성

우선 앱을 제작하려면 프로젝트 파일을 만들어야겠죠?

우선 플랫폼은 iOS 앱을 제작하는 거니까 당연히 iOS로 선택해주시고, Application에서는 App을 선택하고 Next 버튼을 눌러줍니다.

Product Name은 여러분들이 원하는 걸로 해주시면 됩니다. 저는 이름을 출력하는 앱이니 NameApp으로 만들겠습니다.

그리고 interface는 Storyboard로 선택하고 Language는 당연히 Swift로 해줍니다. 그리고 Next 버튼을 눌러주세요!

Minimum Deployments 설정

자 그럼 이런 화면이 나올텐데 여기에서는 Minimum Deployments를 선택해줘야 합니다. Minimum Deployments는 우리가 만드는 앱이 최소 iOS 버전 몇까지 지원을 할 건지 정하는 건데요 최대한 낮게 설정해서 많은 사용자들이 사용할 수 있게 하면 좋겠죠? 저는 iOS 12.0으로 설정하겠습니다.(Minimum Deployments는 나중에도 변경이 가능합니다!)

자 이제 Main으로 오면 이렇게 빈 화면의 아이폰이 보이실 겁니다. 저는 iPone 15 Pro로 설정했는데 저렇게 밑에 아이폰 모양을 눌러주시면 시뮬레이터를 돌릴 기기를 변경할 수 있습니다.

Label, Text Field, Button 추가

자 우선 Label, Text Field, Button을 화면에 넣어주도록 하겠습니다. cmd + shift + L 을 누르면 object를 추가할 수 있는 창이 나오게 됩니다. 각 Object별로 설정은 아래 사진처럼 해주세요!

저는 보라색을 좋아해서 보라색 계열로 백그라운드를 칠했습니다.

ViewController 소스 추가

자 이제 ViewController에 소스를 추가해보겠습니다. 아웃렛 변수와 액션 함수를 추가해야 합니다.

우선 Main.storyboard에서 ctrl + option + cmd + enter를 동시에 누르면 옆에 viewController가 생기게 됩니다.

Label에서 Control키를 누르고 소스의 class 안쪽으로 드래그 앤 드롭을 해줍니다. 그리고 나서 아래 화면처럼 설정을 해줍니다.

나머지 Text Field와 Button도 똑같이 드래그 앤 드롭을 해주고 아래처럼 설정해줍니다.

*Button은 Action으로 해주셔야 합니다!!!

추가 소스 작성

자 그럼 이제 아래처럼 화면이 구성이 됐을 텐데 이제 소스를 조금 더 작성해보겠습니다. 아래 사진처럼 똑같이 작성해주세요!

btnSend 부분에 "lblHello.text = "Hello, " + txtName.text!" 소스만 추가해주시면 됩니다!

실행

자 이제 마지막으로 실행을 해보겠습니다. 빌드하는 방법은 cmd + R 혹은 왼쪽 상단에 재생 버튼을 한 번 눌러주시면 됩니다. 

그러면 시뮬레이터가 화면에 뜨면서 방금 만든 앱이 실행이 될 거예요!

Text Filed에 이름을 넣고 터치를 눌러주면 Hello 옆에 이름이 출력되는 것을 볼 수 있습니다!

마무리

이번에는 iOS 앱을 한 번 만드는 과정을 포스팅 해봤는데 확실히 직접 만들어보니 더 재밌고 단순 문법 공부를 할 때보다 함수들이 어떻게 쓰이는지 좀 더 이해가 잘 되어서 공부가 더 잘 되었던 것 같습니다. ㅎㅎ 

 

혹시나 "나도 따라해봤는데 오류가 발생한다!" 하시는 분들은 댓글 남겨주시면 확인 후 도와드릴 수 있는 부분은 도와드리겠습니다.

 

감사합니다.

---

틀린 부분이 있거나 더 좋은 내용 훈수 환영합니다!

공감과 댓글 부탁드립니다.