Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

차근차근

Xcode 시작하기 - Swift로 앱만들기 1일차 본문

Programming/Swift

Xcode 시작하기 - Swift로 앱만들기 1일차

오늘은뭐하지 2022. 12. 30. 14:05

유튜브 'Smile Han'님의 Swift 강좌(2학년, 2020-2학기), iOS프로그래밍기초

swift 문법 부분을 어느정도 보고 이제 강의를 따라해서 Xcode로 앱을 만들어볼거다

 

SwiftUI가 아닌 Storyboard로 진행한다

배운 부분을 잊어버리지 않기 위해, 기록해두기위해 생각나는대로 정리하는 거라 틀린 부분이 있을 수 있다!

 

 

그전에 Xcode로 앱을 만드는 게 아니라 문법을 연습하고(?) 싶을때는 playground로 만들면 되는데

File > New > Playground 선택하면 된다.

 

 

 

 

1. Xcode 로 프로젝트 만들기

create a new Xcode project 선택 > app 선택
이 앱에서 Use Core Data와 Include Tests는 사용하지 않으니까 체크 안하고 넘어가기

 

 

 

 

2. 이름 출력 앱 만들기

화면 왼쪽에 보면 이런식으로 프로젝트가 만들어 지는데(Project Navigetor)

Main은 화면을 디자인하는 부분, LaunchScreen은 앱 시작할때 처음 나오는 화면 디자인하는 곳,

ViewController는 Main에서 디자인 한 것을 코드로 연결하는 부분이다.

Main에서 View Controller Scene 아래의 View Controller 누르고 왼쪽의 창을 확인해보면

Custom Class가 ViewController로 되있는 걸 볼 수 있다.

 

Main에서 위의 + 버튼을 누르거나 Command + Shift + L 을 누르면 이런 창이 나온다

화면에 디자인할 요소를 선택하는 것 같은데 앞으로 굉장히 많이 사용할 부분이니 기억해두기!

 

창에서 Label을 선택하고 드래그하면 화면처럼 라벨이 놓여지고 오른쪽에 글자크기나 색깔 등을 지정할 수 있는 창이 나온다

 

ctrl + option + command + enter 를 누르면 ViewController 창이 나오고

화면의 Hello 라벨에서 ctrl을 누르고 코드까지 드래그한다

 

이렇게 이름을 입력하고 Connect를 누르면

 

이런식으로 HelloLabel이 만들어진다!(프로퍼티, 아웃렛변수)

 

Text Field랑 Button까지 만들고 연결한다

(Button은 함수로 만든다)

 

Text Field에 이름을 입력하면 'Hello, 차근차근' 이렇게 나오게 할거니까

TextName.text로 입력한 이름을 가져오고 "Hello, "를 더해서 HelloLabel.text에 대입한다

 

왼쪽 상단의 재생 버튼을 누르면 시뮬레이터가 나온다(시간이 좀 걸린다)

Button을 누르면 Hello, 차근차근으로 바뀌는 걸 볼 수 있다

 

이렇게 간단히 Swift로 이름 출력을 해봤다

 

'Programming > Swift' 카테고리의 다른 글

pod install 삽질  (0) 2023.01.27
Comments