Forest Yun 👩🏻‍💻

공부한 내용을 정리한 글입니다. 문제 동작 화면은 '메인화면'과 '수정화면' 두 개로 만든다. 또한 '메인화면'에서 '수정화면'으로, '수정화면'에서 '메인화면'으로 메시지(데이터)를 전달할 수 있게 하고 이미지의 확대 여부를 '수정화면'에서 제어할 수 있도록 한다. 구현 순서 내비게이션 컨트롤러 추가 '메인화면' 레이아웃 구성 '수정화면' 추가 및 레이아웃 구성 뷰 전환과 함께 메시지 전달하기 '수정화면'에서 '메인화면'의 이미지 제어하기 최종 결과 4. 뷰 전환과 함께 메시지 전달하기 4.1. 아울렛 변수와 액션 함수 추가하기 '메인화면' @IBOutlet var txMessage: UITextField! @IBOutlet var imgView: UIImageView! Text Field에 적힌 메시..

공부한 내용을 정리한 글입니다. 문제 동작 화면은 '메인화면'과 '수정화면' 두 개로 만든다. 또한 '메인화면'에서 '수정화면'으로, '수정화면'에서 '메인화면'으로 메시지(데이터)를 전달할 수 있게 하고 이미지의 확대/축소 상태를 '수정화면'에서 제어할 수 있도록 한다. 구현 순서 내비게이션 컨트롤러 추가 '메인화면' 레이아웃 구성 '수정화면' 추가 및 레이아웃 구성 바 버튼으로 화면 전환되도록 구현 뷰 전환과 함께 메시지 전달하기 '수정화면'에서 '메인화면'의 이미지 제어하기 최종 결과 1. 내비게이션 컨트롤러 추가 내비게이션 컨트롤러를 추가할 뷰 클릭 후 [Editor/Embed in/Navigation Controller]를 선택하여 내비게이션 컨트롤러를 추가한다. 2. '메인화면' 레이아웃 구성..

공부한 내용을 정리한 글입니다. 문제 탭 바 컨트롤러를 이용해 여러 개의 뷰를 넣어라. 뷰의 특징에 맞게 탭 바 아이콘도 수정하라. 더하여 이미지뷰에 이미지를 할당하고, 버튼 클릭시 해당 뷰로 전환되도록 구현하라. 구현 순서 레이아웃 구성 탭 바 컨트롤러 스토리 보드에 추가 탭 바에 뷰 추가 탭 바 아이콘 수정 버튼으로 뷰 전환 구현 최종 결과 1. 레이아웃 구성 (최종적으로 볼 수 있는 레이아웃) ImageView에 사진 할당하기 ImageView를 클릭한 후 오른쪽 인스펙터 영역에서 [Attributes inspector]의 image를 통해 원하는 이미지를 코드 수정없이 이미지 뷰에 할당할 수 있다. 2. 탭 바 컨트롤러 스토리 보드에 추가 탭 바 컨트롤러 Tap Bar Controller 여러 개..

공부한 내용을 정리한 글입니다. 문제 페이지 컨트롤을 이용해 여러 개의 이미지를 화면에 출력하라. 이미지 오른쪽 상단에 페이지 번호도 함께 출력하라. 페이지 번호는 1부터 시작한다. 구현 순서 레이아웃 구성 아울렛 변수와 액션 함수 생성 이미지 출력에 사용할 이미지 이름이 담긴 배열 생성 페이지 컨트롤 액션함수 코드 작성 초기 화면 설정 최종 결과 1. 레이아웃 구성 페이지 컨트롤 Page Control UIPageControl: Shows progression through a list of pages. 페이지 리스트의 진행 상황을 보여준다. 2. 아울렛 변수와 액션 함수 생성 아울렛 변수 @IBOutlet var lblPageIndex: UILabel! //text 속성 사용 @IBOutlet var..

공부한 내용을 정리한 글입니다. 문제 웹 뷰에 HTML 파일을 읽어 디스플레이하고 자신의 블로그 링크를 걸어 클릭시 이동하게 만들어보자. 그리고 URL 검색 기능을 만들어 버튼 클릭 시 웹 뷰에 해당 웹 페이지가 뜨도록 구현하라. 더하여 툴바에 정지, 새로 고침, 이전 페이지 이동, 다음 페이지 이동 버튼을 구현하여 웹 페이지 관련 도구를 제공하라. 구현 순서 레이아웃 구성 아울렛 변수와 액션 함수 생성 앱 시작 화면 초기화 - HTML 파일로 웹 페이지 생성 url 입력 기능 구현 툴바 버튼 기능 구현 액티비티 인디케이터 구현 최종 결과 1. 레이아웃 구성 1.1 웹 뷰 Web View : 웹 콘텐츠를 뷰(view) 형태로 보여 주는 앱. HTML로 작성된 홈페이지를 표시할 수 있다. WebKit Vi..

공부한 내용을 정리한 글입니다. 문제 현재 시간이 선택한 시간과 같아지면 얼럿으로 알림 메세지를 나타내는 알람 시계를 만들어 보세요. 알림 메세지를 누른 후에는 1분 동안 알림 창이 나타나지 않게 설정해 보세요. 구현 순서 레이아웃 구성 아울렛 변수와 액션 함수 생성 현재 시간 출력하기 - 1초마다 현재 시간 갱신(타이머 사용) 선택 시간 출력하기 현재 시간과 선택 시간 비교 후 알림 메세지 띄우기 알림 메세지 확인 직후 1분 동안 알림 창이 나타나지 않게 하기 최종 결과 https://88yhtserof.tistory.com/20 [ IOS ] 알람 시계 만들기 - 데이터 피커 사용해 날짜 선택하기 공부한 내용을 정리한 글입니다. 문제 데이터 피커를 이용하여 시간을 선택하고, 선택 시간 1분 전부터 화..

공부한 내용을 정리한 글입니다. 문제 컴포넌트가 두 개인 피커 뷰를 구현하라. 왼쪽 피커 뷰를 선택했을 경우 파일 명이 나타나도록, 오른쪽 피커 뷰를 선택했을 경우 이미지 뷰에 이미지를 출력하도록 한다. 구현 순서 레이아웃 작성하기 아울렛 변수 생성하기 피커 뷰의 델리게이트 설정하기 필요한 클래스 상속받기(프로토콜 채택), 변수 및 상수 추가하기, 초기화면 설정하기 피커 뷰 동작 코드 작성하기 첫 번째 피커 뷰 선택 시 파일 명 출력하기 두 번째 피커 뷰 선택시 이미지 출력하기 피커 뷰 룰렛 행 높이 설정 최종 결과 ※ 개념 살펴보기 프로토콜 Protocol 델리게이트는 프로토콜로 구현되어있다. 따라서 프로토콜을 먼저 알아보자. Protocol (1) 외교 의례, 의전 (2) (조약의) 초안, 보충협약 ..

공부한 내용을 정리한 글입니다. 문제 데이터 피커를 이용하여 시간을 선택하고, 선택 시간 1분 전부터 화면이 빨간색되도록 구현한다. 선택한 시간이 되면 배경색을 원래 상태로 되돌린다. 구현 순서 1. 레이아웃 작성 2. 아울렛 변수, 액션 함수 추가 3. 선택 날짜와 시간 출력 4. 현재 시간 출력 5. 현재 시간이 선택 시간되기 1분 전부터 배경화면 빨간색이 되도록 구현 1. 레이아웃 작성 Lable과 DatePicker 를 이용해 레이아웃을 그린다. 2. 아울렛 변수와 액션 함수 추가 //ViewController import UIKit class ViewController: UIViewController { @IBOutlet var lblCurrentTime: UILabel! @IBOutlet va..