반응형

[Swift 입문] 3. ImageView 만들고 에뮬레이터로 확인하기

이번에는 ImageView를 이용해 이미지를 추가하고, 현재까지 만든 앱을 에뮬레이터에서 실행해보겠습니다.


1. ImageView

ImageView는 이름에서 느껴지듯이 이미지를 보여주기 위한 Object입니다.

앱에 이미지를 추가하는 방법은 아래순서입니다.

[ Assets.xcassets 폴더에 이미지 추가 -> 이미지뷰 생성 -> 이미지뷰에서 폴더의 이미지를 갖고옴 ]

위의 순서입니다. 간단하네요.

저는 제 블로그 화면을 이미지로 쓰겠습니다.



왼쪽에 "Assets.xcassets" 폴더를 클릭하시고, 원하는 이미지(저는 블로그 스샷)를 폴더로 옮겨주시면 1단계 끝



이전에 Object 추가하는 방법과 동일하게, "ImageView" 를 추가해주세요.


그리고 위 사진처럼 우측에 Image의 아래 화살표를 클릭하면 조금전 "Assets.xcassets" 폴더로 옮겼던 이미지가 존재하는 것을 볼 수 있습니다.


클릭해주세요.



짠~!



조금 아래 공간이 많이 비네요...


Text View도 추가해주겠습니다. ㅎㅎ



뿝~!



2. 에뮬레이터로 실행해보기

Xcode의 상단을 보면 아래 그림과 같은 부분을 볼 수 있습니다.

어떤거냐면 Build된 앱을 어떤 IOS 디바이스에서 실행시켜볼 것인지를 선택하는 부분입니다.


클릭해보시면 아래그림처럼 다양한 디바이스들이 보여지고요.


저는 아이폰이 없는 관계로 나중에 저의 iPad에서 동작시킬 예정이기에 iPad 6세대를 선택했습니다.



끝났으면 아래 그림처럼 시작버튼을 눌러주세요.





그럼 위와같이 Build 중이라는 진행바가 보이게됩니다. 


두둥~


빌드가 끝나면 위와같이 아이패드 에뮬레이터가 부팅되는 것을 볼 수 있습니다. 그리고 부팅이 완료되면 자동으로 아래와 같이 만든 앱이 실행되는 것을 볼 수 있습니다.



ㄷㄷ;;



 



 실패해버렸습니당...;;


 이걸노린건 아니었는데,,,










storyboard 하단에 디바이스를 정해주는 곳이있습니다.. iPhone8로 되어있어서 iPad로 변경해서 다시 해주었습니다...ㅠㅠ





이번에는 다행히 이쁘게 잘 나왔네요 ㅎㅎ


이상으로 이번 포스터를 마치겠습니다.


다음포스터에서는 아래 같이 표시되는 아이콘 디자인을 바꾸는 방법을 알아보도록 하겠습니다~!!


2019/03/18 - [프로그래밍/Swift] - [Swift 입문] 1. 시작하기

2019/03/18 - [프로그래밍/Swift] - [Swift 입문] 2. Project 시작하기




2019/03/18 - [프로그래밍/Swift] - [Swift 입문] 1. 시작하기

2019/03/18 - [프로그래밍/Swift] - [Swift 입문] 2. Project 시작하기


반응형

'프로그래밍 > Swift - 이론' 카테고리의 다른 글

[Swift 입문] 6. Swift 문법 알아보기  (0) 2019.03.18
[Swift 입문] 5. LaunchScreen 만들기  (0) 2019.03.18
[Swift 입문] 4. 앱 아이콘 설정하기  (0) 2019.03.18
[Swift 입문] 2. Project 시작하기  (0) 2019.03.18
[Swift 입문] 1. 시작하기  (0) 2019.03.18
반응형

[Swift 입문] 2. Swift, Project 생성과 View 수정하기

1. project 시작하기

시작에서 Start Project를 누른 후 IOS로 시작하곘습니다.

아래와 같이 이동해주세요.


Next를 누르면 아래와 같이 나오게됩니다.



Product Name가 실제 앱의 이름이 되는 부분이며, 나머지는 보이는 것 처럼 ㅎㅎ


프로젝트를 만들면 좌측 Project Navigator에 아래와 같은 파일들이 표시되는 것을 볼 수 있습니다.






.swift 파일은 swift의 소스파일이 됩니다.

storyboard는 GUI에 대한 부분입니다. (안드로이드 스튜디오에서 view를 만드는 부분같네요.)


< storyboard 파일 클릭시 화면 >



2. View에 Object 추가하기

아래 그림과 같은 순서입니다.

우측 상단에 버튼을 누르면 오브젝트를 추가할 수 있는 팝업이 보이게됩니다.

여기서 Label, TextArea등을 추가하여 화면에 갖고가면 그림 왼쪽과 같이 View에 새로운 Object가 추가되는 것을 볼 수 있습니다.



Object를 추가하고 클릭하면 우측에 해당 Object에 대한 설정창이 나옵니다.(영어...)


필요에 따라서 추가하고 만지작거려주시면 되겠습니다.



Object의 종류에 따라서 설정이 다 다르고, 너무 많다보니 하나하나 적기가 힘드네요.


꼭 필요한 내용만 틈틈히 적고 나머지는 그때그때 필요에 따라 구글링을 하는 쪽으로...



이번 글도 여기서 끝내겠습니다.


다음에는 많이 사용하는 ImageView와 TextView등을 추가하고 에뮬레이터로 실행까지 해보겠습니다.



2019/03/18 - [프로그래밍/Swift] - [Swift 입문] 1. 시작하기


반응형

'프로그래밍 > Swift - 이론' 카테고리의 다른 글

[Swift 입문] 6. Swift 문법 알아보기  (0) 2019.03.18
[Swift 입문] 5. LaunchScreen 만들기  (0) 2019.03.18
[Swift 입문] 4. 앱 아이콘 설정하기  (0) 2019.03.18
[Swift 입문] 3. 에뮬레이터로 앱 실행하기  (0) 2019.03.18
[Swift 입문] 1. 시작하기  (0) 2019.03.18
반응형

[Swift 입문] 1. Swift 프로그래밍 시작

아이패드와 맥북에서 GUI로 조작할 수 있는 간단한 프로그램을 만드는 것을 목표로 하고있습니다.

배우면서 동시에 배운내용을 정리하는 용도로 작성하기 때문에 내용이 틀릴 수 있습니다.


1. Swift 시작하기

Xcode를 실행하고 먼저 맨 위에 [ Get started with a playground ] 를 클릭합니다.




시작은 Blank(빈파일) 에서 시작하겠습니다.


클릭하고, 적당히 저장위치를 설정하시면 아래와 같이 준비가 끝나게됩니다.



위와 같이 준비가 되면 이제 시작하겠습니다~!!



2. 변수와 상수

모든 언어의 시작은 변수와 상수에서 시작된다고 생각합니다.


선언방법에 있어서 다른 언어와 조금 차이가 있습니다.


C와 파이썬의 중간정도(?) 라고 저는 생각합니다. 왜냐하면, 변수임을 명시해줘야하지만, 어떤 타입의 변수인지를 명시할 필요는 없기 때문이죠.


var x = 10

let y = 10

x + y

위에서 var는 변수, let은 상수로의 선언을 의미합니다.


< 실행화면 >


3. 자료형

다른 언어와 마찬가지로 Swift도 자료형을 갖고있습니다.

자료형 선언에 있어서 특징은 아래와 같습니다.

1) 한번 정해진 변수의 자료형은 변경될 수 없습니다.
2) 변수 선언시 초기값이 있으면 알아서 자료형을 결정합니다.
3) 변수의 자료형을 정해줄 때에는 "var 변수명:자료형" 형태로 선언합니다.

아래는 예시 입니다.


위의 결과를 보시면 Float와 Double의 경우 우측에 표시된 값이 처음 입력한 초기값과 다른것을 알 수 있습니다.


C와 같이 자료형의 최대값이 존재하고, 넘어갈 경우 Overflow가 발생할 수 있다는 것을 알 수 있습니다.

( C언어처럼 운영체제가 32bit냐 64bit에 따라서 저장할 수 있는 범위의 차이가 발생할 수 있습니다. 물론 32bit는 아이폰 5까지입니다...)



일단 시작은 여기까지, 이후부터는 playground가 아닌 project 환경에서 시작하겠습니다.

반응형

'프로그래밍 > Swift - 이론' 카테고리의 다른 글

[Swift 입문] 6. Swift 문법 알아보기  (0) 2019.03.18
[Swift 입문] 5. LaunchScreen 만들기  (0) 2019.03.18
[Swift 입문] 4. 앱 아이콘 설정하기  (0) 2019.03.18
[Swift 입문] 3. 에뮬레이터로 앱 실행하기  (0) 2019.03.18
[Swift 입문] 2. Project 시작하기  (0) 2019.03.18

+ Recent posts

티스토리툴바