무니봇 IT 블로그

Xcode(버전11.3)를 이용하여 내비게이션 컨트롤러 (Navigation Controller) 앱을 만든다:) - 스토리보드 화면 구성 Editor -> Embed in -> Navigatiom Controller - 스토리보드 화면 구성 Attributes inspector -> Navigation Item -> Title -> '메인화면' - 스토리보드 화면 구성 뷰 컨트롤러 (View Controller) 추가 - 스토리보드 화면 구성 바 버큰 아이템(Bar Button Item) 추가 Attributes inspector -> System Item -> 'Edit' 변경 - 스토리보드 화면 구성 뷰 전환을 위해 세그웨이(Segue)를 생성한다. Action Segue -> 'Show' - 스토..

Xcode(버전11.3)를 이용하여 탭 바 컨트롤러 (Tab Bar Controller) 앱을 만든다:) 탭 바 컨트롤러를 이용하여 여러 개의 뷰를 추가한다. - 스토리보드 구성 1. 탭 바 컨트롤러 뷰 2. 초기화면 뷰 3. 이미지 뷰 4. 데이트 피커 뷰 3, 4번은 이전에 만들었던 프로젝트를 그대로 사용한다. 자세한 내용은 아래 링크를 참고한다. 3. 이미지 뷰 swift 로 이미지 뷰 앱 만들기 Xcode(버전11.2)를 이용하여 이미지 뷰 앱을 만든다:) - 프로젝트에 이미지 추가 원하는 이미지 2장을 추가한다. ( 원래는 불켜진 전구, 불꺼진 전구 같은 이미지가 필요한데, 없으므로 오늘 찍은 커피 마시기 전.. moonibot.tistory.com 4. 데이트 피커 뷰 swift 로 데이트 피..

Xcode(버전11.2.1)를 이용하여 페이지 컨트롤(Page Control) 갤러리 앱을 만든다:) - 프로젝트 이미지파일 추가 프로젝트에 'images' group을 새로 만들고, 사용할 이미지를 추가한다. - 스토리보드 앱 화면 구성 imageview와 pagecontrol 추가한다. - 아울렛 변수 추가 imageview, pagecontrol 아웃렛 변수를 추가한다. imageview -> 'imgView' pagecontrol -> 'pageControl' - 액션 함수 추가 pagecontrol 액션 함수를 추가한다. pagecontrol -> 'pageChanged' 전체 소스 보기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 ..

Xcode(버전11.2.1)를 이용하여 맵 뷰(Map View) 지도 앱을 만든다:) - 스토리보드 앱 화면 구성 Segmented Control, Map Kit View, Label 을 추가한다. Segmented Control의 Segments를 3으로 선택해 하나 추가한다. - 아울렛 변수 추가 map view name 'myMap' label name 'lblLocationInfo1' label name 'lblLocationInfo2' 맵 뷰 아울렛 변수 추가시 오류가 발생한다. 설정창에서 유형(type)을 MKMapView로 설정했는데, 이를 받쳐줄 MapKit가 아직 없기 때문. MapKit는 지도를 확대, 축소 및 이동하는 등 지도에 관한 여러 기능을 제공한다. 사용자의 터치를 인식하여 기..

Xcode(버전11.2.1)를 이용하여 웹 뷰(Web View) 앱을 만든다:) 'UIWebView' was deprecated in iOS 12.0: No longer supported; please adopt WKWebView...오류 WKWWebView로 다시 만들어봐야지.. 1. 앱 실행 시 지정된 웹 페이지를 보여준다. 2. 액티비티 인디케이터 구현 3. Site1, Site2 버튼 구현(웹 페이지 지정) 4. 정지, 재로딩, 이전 페이지, 디음 페이지 버튼 구현 5. html 버튼 구현 6. file 버튼 구현 7. 문자열 자동 삽입 기능 구현 - 스토리보드 앱 화면 구성이다. text field, button, web view, activity indicator view, toolbar, f..

Xcode(버전11.2.1)를 이용하여 알람 시계 앱을 만든다:) 이번에 만들 알람 시계 앱은 현재 시간과 선택 시간이 같아지면, 얼럿 창을 띄운다. 확인 버튼을 누르면, 1분 동안 해당 얼럿창은 띄우지 않는다. - 스토리보드 알람 시계 앱 화면 구성 Date Picker, label 4개를 추가했다. 상단 라벨은 현재시간을 출력하고, 하단 라벨은 선택한 시간을 출력한다. label에는 아웃렛 변수, datepicker에는 액션 함수를 추가했다. (자세한 방법은 아래 링크를 참고하면 된다.) swift 로 데이트 피커(Date Picker) 앱 만들기 / 현재시간, 선택한 날짜와 시간 출력, 타이머 기능 Xcode(버전11.2.1)를 이용하여 데이트 피커(Date Picker) 앱을 만든다:) 1. 날짜..

Xcode(버전11.2.1)를 이용하여 얼럿(Alert) 앱을 만든다:) 사용할 이미지를 프로젝트에 추가했다. - 스토리보드 얼럿(Alert) 앱 화면 구성이다. imageview, button 3개를 추가했다. imageview - > 해당 이미지 출력 button - > 해당 작업 실행 - 아울렛 변수 추가 imageview name 'gookbabImg' - 액션 함수 추가 button name 'btnEggOn', 'btnEggOff', 'btnEat' 이미지 파일명과 스토리보드의 버튼 이름은 수정했다... 전체 소스 보기 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 32 33 34 35 36..

Xcode(버전11.2.1)를 이용하여 이미지 피커뷰 (Picker View) 앱을 만들었는데, 피커뷰의 컴포넌트를 2개로 바꾸고 왼쪽 컴포넌트 또는 오른쪽 컴포넌트를 선택하면, label과 imageview에 선택된 파일명과 이미지가 출력되도록 한다. (자세한 내용은 아래 포스팅 참고) swift 로 이미지 피커 뷰(Picker View) 앱 만들기 Xcode(버전11.2.1)를 이용하여 이미지 피커뷰 (Picker View) 앱을 만든다:) 새로운 그룹을 생성하여 사용할 이미지를 프로젝트에 추가한다. - 스토리보드 피커 뷰(Picker View) 앱 화면 구성이다. pickerview, l.. moonibot.tistory.com 전체 소스 보기 1 2 3 4 5 6 7 8 9 10 11 12 13 ..

Xcode(버전11.2.1)를 이용하여 이미지 피커뷰 (Picker View) 앱을 만든다:) 새로운 그룹을 생성하여 사용할 이미지를 프로젝트에 추가한다. - 스토리보드 피커 뷰(Picker View) 앱 화면 구성이다. pickerview, label 2개, imageview를 추가한다. 오른쪽 label에는 'Selected Item'으로 입력한다. pickerview -> 파일명이나 이미지 출력 label -> 이미지 파일명을 출력 imageview - > 해당 이미지 출력 - 아웃렛 변수 추가 (일반적으로 클래스 선언부 바로 아래 추가) pickerview, label, imageview 아웃렛 변수 추가한다. pickerview name 'pickerView' label name 'lblImag..

Xcode(버전11.2.1)를 이용하여 데이트 피커(Date Picker) 앱 v2 을 만든다:) 전 포스팅에서 만든 데이트피커 앱 소스에 추가로 코딩한다. swift 로 데이트 피커(Date Picker) 앱 만들기 / 현재시간, 선택한 날짜와 시간 출력, 타이머 기능 Xcode(버전11.2.1)를 이용하여 데이트 피커(Date Picker) 앱을 만든다:) 1. 날짜와 시간을 선택하여 출력 2. 현재 시간을 확인하거나 출력 3. 타이머를 사용하여 주기적으로 현재 시간을 출력 - 스토리보드 데이.. moonibot.tistory.com 추가 내용은 현재시간과 선택시간이 같으면 배경색을 빨간색으로 변경하고, 현재시간과 선택시간이 다르면 다시 정상적인 배경 화면으로 변경한다. 전체 소스 보기 1 2 3 4..