뜯기, 정보

스위프트 개발을 하다보면 처음에는 파일의 개수가 적기 때문에 각각 어떤 파일인지 쉽게 인지가 되지만, 프로젝트가 커지면 커질수록 파일의 개수도 늘어나기 때문에 모든 파일에 대해 바로바로 알기가 쉽지 않습니다. 그렇기 때문에 작업하는 파일의 이름을 알아 보기 쉽게 수정하고, 설정하는 것이 중요합니다. 하나의 뷰에는 하나의 뷰 컨트롤러가 같이 생성이 되는데 이때 작업하는 뷰 컨트롤러의 이름을 보고 어떤 파일인지 알기 쉽게끔 뷰컨트롤러의 이름을 변경하고 아예 새롭게 생성하는 방법도 알아보겠습니다. 먼저, 뷰 컨트롤러의 이름을 변경하는 방법입니다. 왼쪽 네비게이터 영역에서 수정하고자 하는 View Controller를 누르고 엔터를 치시면 위와 같이 파일명이 수정가능한 상태로 바뀌게 됩니다. 이때 파일명을 알아..

핸드폰에서 여러 앱들을 사용하다보면 대부분의 많은 앱들이 하단에 탭바가 있는 것을 볼 수 있습니다. 탭바를 통해서 원하는 메뉴나 페이지로 이동을 하는데 그럼 이 탭바는 어떻게 만드는걸까요? Swift Tab Bar Controller를 이용해서 여러 뷰를 생성하고 분리하지만 서로 연결시키는 방법을 알아보도록 하겠습니다. 먼저 스토리보드에 탭 바 컨트롤러를 추가해야합니다. 현재 뷰 컨트롤러로 선택되어 있는 상태에서 [Editor - Embed In - Tab Bar Controller]를 눌러주세요. 그러면 이렇게 탭 바 컨트롤러가 생기는 것을 확인할 수 있습니다. 기존에 있던 뷰 컨트롤러 바로 왼쪽에 탭 바 컨트롤러가 생성되었습니다. 그리고 하단에는 탭 메뉴처럼 하나의 메뉴가 생성된 것을 볼 수 있습니다..

스위프트 개발을 하다 보면 스크롤이 되는 레이아웃을 필요한 순간, 만들고 싶은 순간이 찾아옵니다. 핸드폰의 크기는 한정적이고 컨텐츠는 다양하기 때문에 핸드폰에서의 스크롤은 기본인데 이 스크롤을 어떻게 만들 수 있을까요? 바로 스크롤뷰 Scroll View를 이용해서 스크롤이 되는 레이아웃을 구성할 수 있습니다. 스크롤뷰 레이아웃을 구성하기 위해서 오브젝트에서 스크롤뷰를 추가해보도록 하겠습니다. 상단에 라이브러리를 눌러주세요. 라이브러리에서 조금 내려보시면 위아래 방향 표시가 되어 있는 아이콘이 하나 보이실겁니다. 이게 바로 [Scroll View]입니다. 스크롤뷰를 끌어다가 화면에 놓아주세요. 스크롤뷰를 이렇게 화면에 끌어다가 놓아주시면 됩니다. 이 스크롤뷰가 스크롤 레이아웃을 만드는데 가장 기본 틀이라..

스위프트 개발을 하다보면 여러 레이아웃을 구성하게 되는데 이때 조금 더 편하게 레이아웃을 구성할 수 있는 스택 뷰(Stack View)가 있습니다. 이 스택 뷰로 어떻게 레이아웃을 구성할 수 있는지, 어떻게 사용하는지 알아보도록 하겠습니다. 먼저 스택 뷰(Stack View)를 추가하기 위해 오브젝트 추가 버튼을 누릅니다. 위와 같이 스택 뷰는 두 가지의 타입이 있습니다. Horizontal Stack View와 Vertical Stack View 이렇게 있습니다. 물론 여기서 선택하지 않고 작업을 하고 나서 나중에 다시 변경도 가능합니다. 수평으로 레이아웃을 구성할지, 수직으로 레이아웃을 구성할지 선택하신 후 해당 오브젝트를 넣어주세요. 그럼 위와 같이 스택뷰가 추가됩니다. 현재 스택 뷰 영역이 저 작..

모바일 디바이스의 크기는 각각 다 다릅니다. 어떤 디바이스는 가로로 길고, 어떤 디바이스는 세로가 유독 더 길고 크기도 모두 제각각이죠. 하지만 어떤 디바이스에서도 보여주고자 하는 내용이 잘리거나 올바르게 보여지지 않으면 안됩니다. 어느 환경에서 보든 내용이 올바르게 보여야 하는데 그럼 그럴 때마다 각 디바이스의 크기에 대응하여 내부 컨텐츠의 크기롤 조절해야할까요? 물론, 정말로 각 디바이스의 크기별로 조정을 할 수도 있겠지만 새로운 모바일 기기는 매년 출시가 되고, 그때마다 각 디바이스의 크기를 맞추기란 쉽지 않습니다. 그런 경우를 위해서 Swift에서는 오토 레이아웃 Auto Layout라는 기능을 제공해줍니다. 이 Auto Layout은 어떻게 사용하는지 알아보겠습니다. 위와 같이 상단에는 자전거 ..

iOS/Swift 개발을 하다보면 아이콘이나 이미지가 필요한 경우가 종종 있습니다. 그럴 때마다 여러 웹사이트에서 필요한 이미지를 많이 찾게 되는데, 이렇게 찾은 이미지를 Xcode안에 넣어서 필요할 때마다 가져다가 사용할 수 있습니다. 하지만, 이 방법보다 더 간편하게 이미지/아이콘을 이용할 수 있는 방법이 있습니다. 바로, 애플에서 제공해주는 [SF Symbols] 입니다. SF Symbols를 통해서 Swift 개발을 할 때 필요한 아이콘, 이미지들을 바로바로 가져다가 사용할 수 있습니다. 그럼 SF Symbols를 사용하는 방법을 알아보도록 하겠습니다. 맥북에서 Swift 작업할 때 좀 더 편하게 SF Symbols를 사용하기 위해서 [App Store]에서 [SF Symbols]를 검색하신 후,..

모든 프로그래밍 언어에서는 상수와 변수를 통해서 데이터를 저장할 수 있습니다. 상수와 변수는 각각 사용하는 경우와 의미가 다릅니다. : 상수 - let으로 선언 - 상수 선언 시 값을 지정해주어야 함 - 한 번 선언한 값을 이후에 변경을 불가능하므로 변하지 않는 정해진 값을 상수로 선언 let thisYear = 2021 let oneYear = 365 let four = 4 : 변수 - var로 선언 - 변수 선언 시 지정한 값을 계속해서 다른 값으로 변경 가능함 var price = 1200 var appName = "swift" var phone = "iPhone" : 네이밍 규칙 - 변수나 상수, 함수, 클래스 등의 이름을 정할 때에는 일정한 네이밍 규칙을 지켜야함 - 어떤 의미를 가지고 있는지,..

: 피커 뷰(Picker View) 여러 항목에서 원하는 항목 하나를 선택할 수 있는 객체로 날짜나 시간, 은행 등 여러 목록 중 선택해야 하는 경우에 많이 쓰이는 객체입니다. 피커뷰를 자주 볼 수 있는 상황으로는 은행 어플에서 타은행 선택할 때 피커뷰와 같은 형식을 많이 볼 수 있습니다. 간단하게 피커 뷰(Picker View)를 통해서 은행 어플과 같이 은행 목록에서 하나의 은행을 선택하면 선택한 은행이 상단에 표시가 되는 기능을 한 번 만들어보도록 하겠습니다. : 피커 뷰(Picker View) 추가 1. Library - 객체 선택 - Picker View 피커 뷰(Picker View) 객체를 추가하기 위해서 가운데 상단에 있는 '+'버튼, [Library] 버튼을 누르셔서 [Library] 창..

스위프트를 개발하기 위해서는 맥(Mac) PC에서 먼저, [Xcode]를 설치해주셔야 합니다. 1. AppStore에서 Xcode 검색 후 설치 맥 PC에서 'App Store'를 열여주신 후, 검색창에 'xcode'를 입력하신 후 검색해주시면 우측 영역에 'Xcode(개발자 도구)'가 보이실건비다. Xcode 개발자 도구를 눌러주세요. 앞으로 'Xcode'를 이용해서 스위프트 개발을 진행하기 위해서 '받기'를 누르신 후, Xcode를 설치해주세요. Xcode 설치는 PC 환경에 따라 차이가 있을 수 있으나 설치하는 데 있어서 일정 시간이 소요될 수 있습니다. 참고로 스위프트(Swift) 언어를 지원하는 Xcode 버전은 6.0버전부터입니다. 2. Xcode 실행 'Xcode' 설치를 완료하신 후에 이제..

: 이미지 뷰(Image View) 이미지 뷰(Image View)는 앱에서 사진을 보여주는 경우, 사용하는 경우에 사용하는 객체로, 갤러리나 다이어리, 사진편집 앱 등 다양한 곳에서 이미지 뷰 객체를 사용합니다. : 이미지 뷰에서 사용할 수 있는 이미지 타입 이미지 뷰(Image View)에서 사용할 수 있는 이미지 확장자의 종류는, [ .png / .tiff / .tif / .jpeg / .jpg / .gif / .bmp / .ico / .cur / .xbm ] 이 있습니다. : 디바이스별 권장 이미지 해상도 디바이스별로 해상도가 다르기 때문에 권장되는 이미지의 해상도도 모두 다릅니다. 이미지 사이즈가 너무 큰 경우에는 해당 이미지를 불러올 때 메모리를 많이 차지하게 되면서 속도 저하를 불러올 수 있..