IOS 34

Xcode 기능 - 애니메이션 : 숨기기, 보이기(투명도 조절) / animation disappear, appear

이번에는 숨기고 보이게 하는 방법에 대해 알아볼께요 다른말로는 투명도를 조절하는 방법에 대해 알아볼께요! 이번에도 간단하답니다! 먼저 결과영상부터 볼께요 이렇게 보이게, 사라지게 할 수 있답니다 1) ViewController 먼저 ViewController에 대상이 연결되어 있어야 합니다 (생략) 그리고 이전글인 위치 이동 애니메이션처럼 이전상태와 이후상태가 필요합니다 그래서 먼저 이전 투명도 설정을 하겠습니다 2) 이전 투명도 설정하기 투명도라는 것은 대상의 본연 색을 1을 기준으로 얼만큼 뚜렷하게 보이느냐 정도라 생각하시면 됩니다. 다시말해 보이는것을 사라지게 하고싶다면? 투명도 1.0 -> 투명도 0.0 안보이는데 보이게 하고싶다면? 투명도 0.0 -> 투명도 1.0 이런 원리랍니다. 간단하죠? ..

Xcode 기능 - 애니메이션 : 위치 이동시키기 / animation translate location

이번 애니메이션은 위치를 이동시키는 내용입니다. 이전글인 색변경만큼 아주 쉽답니다 먼저 이동시키고자 하는 대상이 ViewController에 연결되어 있어야 합니다! (생략) 그렇다면 먼저 결과부터 볼께요 영상에서 RESET 버튼이 아래로 위로 움직이죠? 이럴때 사용된답니다. 1) ViewController 위치 이동 애니메이션의 경우 시작위치, 종료위치가 필요합니다 그렇기 때문에 보통 ViewDidLoad() 함수 내에 기존위치 설정이 필요합니다 2) 이동 전 위치 설정하기 만약 원위치에서 이동한다면 따로 설정을 안해주셔도 됩니다! 대상.transform = CGAffineTransform(translationX: 가로위치, y: 세로위치) self..

Xcode 기능 - 애니메이션 : 색 변경하기 / animation change color

이번부터는 아주 간단간단한 애니메이션에 대해 알아볼께요 왜 간단한거만 하는지 궁금하다면? 이유는 간단해요 알고있는게 이게 답니다... 먼저 색변경 애니메이션에 대해 알아볼께요 결과물 먼저 볼께요 별거 아닌데 애니메이션 하나만 들어갔는데도 이뻐요ㅎㅎ 아주 간단합니다! 일단 그전에 당연하지만 버튼을 ViewController에 연결시켜야 한답니다 (이제부턴 안보여줘야지) 그리고 색변경을 하기에 앞서 색을 코드로 가져오는 방법에 대해 알고있어야겠죠? 아래 글을 먼저 보시길 바랍니다! fdee.tistory.com/entry/Xcode-기능-코드로-색상-설정-및-변경하기-set-color-with-swift Xcode 기능 - 코드로 색상 설정 및 변경하기 / set color with swift 이번에는Vie..

Xcode 기능 - 글씨체 넣는 방법 / add custom font

이번에는 글씨체를 넣는 방법을 알려드릴께요 기본적으로 어플에 글씨체와 애니메이션만 적절히 넣어도 기본 이상으로 깔끔한 느낌을 살릴 수 있는것 같아요 기본적으로 먼저 글씨체 파일을 가지고 있어야겠죠? 각각 더블클릭으로 서체 설치를 먼저 해줍니다 1) new Group 먼저 폰트를 넣을 새로운 그룹을 생성합니다 보통 fonts로 이름을 짓습니다 그 다음으로 준비된 폰트 파일을 그대로 폴더에 드래그로 넣어줍니다! 이때 add to target에 프로젝트가 꼭 체크가 되어 있어야 합니다! 그 다음으로는 몇가지만 확인하면 됩니다! 2) target Membership 확인 기본으로 잘 체크가 되어있을텐데 그래도 글씨체 하나씩 체크되어있는지 확인합니다 3) Project - Build Phases 확인 다음으로는 ..

Xcode 기능 - 화면전환 코드로 하는 방법 / change ViewController with swift

이번에는 코드로만 화면을 전환하는 방법에 대해 알아볼께요 먼저 Segue를 통해 화면을 전환하는 방법도 있답니다. 아래 링크를 참고해주시면 되겠습니다! fdee.tistory.com/entry/Xcode-기능-화면전환하는-방법-change-ViewController Xcode 기능 - 화면전환하는 방법 / change ViewController 이번에는 화면전환을 하는 방법에 대해 알아볼께요 사실 코드만으로 화면전환하는 방법도 있지만 먼저 코드가 아닌 Segue(세그)를 통해 화면전환하는 방법에 대해 알아볼께요 1. Main.storyboard 아ㅏ fdee.tistory.com 위의 Segue를 통해 화면을 연결하다 보면 단점이 바로 아래 사진처럼 지저분해질 수 있답니다ㅠㅠ 그래서 이번에는 코드로만 연..

Xcode 기능 - 화면전환하는 방법 / change ViewController

이번에는 화면전환을 하는 방법에 대해 알아볼께요 사실 코드만으로 화면전환하는 방법도 있지만 먼저 코드가 아닌 Segue(세그)를 통해 화면전환하는 방법에 대해 알아볼께요 1. Main.storyboard 아ㅏㅏㅏㅏㅏ주 간단합니다 일단 결과 사진부터 보여드릴께요 Main.storyboard 에서 연결하는 방법입니다 딱 봐도 LOG 버튼 누르면 세번째 화면으로 이동될 것 같죠? 방법은 위 영상처럼 특정 버튼을 우클릭으로 누른 채 (트랙패드의 경우 control 누른채) 드래그로 화면에 연결하여 Show를 설정하면 됩니다! 이렇게 설정하면 버튼클릭시에 자동으로 화면이 전환되게 됩니다! 간단하죠? 하지만 이런 경우도 있습니다 만약 버튼 클릭시가 아니라 특정 수행이 끝난 후 화면전환이 되고싶다면? 이처럼 화면간에..

Xcode 기능 - 키보드 입력시 반응하기 - detect keyboard change

이번에는 키보드 입력시 반응하는 방법에 대해 알아볼께요 1) ViewController 먼저 키보드 입력을 받기위해서 UITextField가 연결되어 있어야 합니다 자 그러면 이제 텍스트가 입력될 때 특정기능을 수행하고 싶다면? 순서는 상관없지만 일단 먼저 입력되었을시에 수행이 이루어지는 함수를 먼저 만듭니다 @objc func textFieldDidChange(textField: UITextField){ } @objc func textFieldDidChange(textField: UITextField){ //원하는 기능을 넣습니다 H1 = H1TextField.text! } 여기서 testFieldDidChange 이름으로 함수를 만들었습니다. 만약에 여러 입력..

Xcode 기능 - 버튼 테두리 넣기 / set button border

이번에는 버튼에 테두리를 넣어보는 방법에 대해 알려드릴께요 일단 시작하기에 앞서 먼저 코드로 색상을 가져오는 방법을 알고있어야 합니다! fdee.tistory.com/entry/Xcode-기능-코드로-색상-설정-및-변경하기-set-color-with-swift Xcode 기능 - 코드로 색상 설정 및 변경하기 / set color with swift 이번에는ViewController 에서 색상을 설정할 수 있는 방법에 대해 알아볼께요 1) Assets.xcassets 먼저 본인이 사용하고 싶은 색상을 만들어놓아야 합니다 이렇게 색을 먼저 만드셔야 합니다. 참고로 Appea fdee.tistory.com 1) ViewController 먼저 ViewController 에서 버튼을 연결시켜야 합니다 그러고 ..

Xcode 기능 - 코드로 색상 설정 및 변경하기 / set color with swift

이번에는ViewController 에서 색상을 설정할 수 있는 방법에 대해 알아볼께요 1) Assets.xcassets 먼저 본인이 사용하고 싶은 색상을 만들어놓아야 합니다 이렇게 색을 먼저 만드셔야 합니다. 참고로 Appearance 설정값을 Any, Dark 로 설정하시면 라이트모드, 다크모드 색을 정할 수 있답니다! 2) ViewController 이제 색을 만들었으면 ViewController 에서 색을 써봅시다 아까 Assets에서 만들었던 색의 이름을 통해 변수를 생성하여 바로 사용이 가능합니다! 참고로 흰색, 검은색 같이 단색의 경우 미리 만들어져 있는 색상을 사용할수도 있습니다. UIColor.white 이런식으로 사용이 가능합니다! ..

Xcode 기능 - 버튼, 뷰 모서리 둥글게 만들기 / button, view cornerRadius

이번에는 버튼, 또는 뷰의 모서리를 둥글게 처리하는 방법에 대해 알려드릴께요 일단 크게 두 가지 방법이 있습니다. 첫번째로 코드로 간단하게 구현하는 방법을 알려드리겠습니다 1) ViewController 일단 버튼, 또는 뷰의 모서리를 둥글게 만들기 위해서 먼저 ViewController 에서 버튼, 뷰가 연결되어 있어야 합니다 위의 이미지에선 버튼을 연결한 모습입니다. view 또한 마찬가지 방법으로 연결되어 있으면 됩니다. 저는 모서리를 둥글게 만드는 함수를 따로 만들었습니다 그 다음으로 아래처럼 하시면 됩니다! 연결된 UIButton.layer.cornerRadius = 곡률숫자 Button_plus_ou..

Xcode 기능 - 키보드 내리기, 사라지게 하기 / Keyboard disappear

이번에는 키보드를 내리는 방법을 알아보겠습니다 키보드 입력을 구현하였지만 키보드를 못내리게 되면 안되겠죠? 그래서 그중 하나의 방법인 화면 밖을 터치했을 때 키보드가 사라지겠금 하는 코드를 알려드릴께요 1) AppDelegate.swift 이번 코드는 키보드를 사용하는 ViewController 에서 구현을 해도 되지만 모든 화면에서 일괄적으로 적용되려면 AppDelegate에 추가하는 것을 더 추천드립니다! 이런식으로 AppDelegate에서 extension UIViewController 를 통해 ViewController 전반적으로 함수를 사용할 수 있게 합니다 extension UIViewController {..

Xcode 기능 - 키보드 입력 타입 설정 / keyboard input type

이번에는 키보드 입력에 대해 알아보겠습니다 여러가지 타입이 있어 설정이 다양하지만 크게 세가지에 대해 알아볼께요 1) ViewController 키보드 입력방식은 UITextField에 대한 속성이기 때문에 ViewController 에서 설정이 가능합니다 그렇기 때문에 ViewController에 UITextField가 먼저 연결되어 있어야 합니다! 이렇게 연결이 되었으면 준비가 끝났습니다! 1. 숫자입력 / numberPad 이렇게 입력시 숫자키보드가 뜨는 방식입니다 방법은 무지무지 간단해요! 일단 입력타입을 설정하는 함수로 따로 분리를 했습니다 그러고나선 처음에 연결해놓은 UITextField.keybordType = .numberPad 하면 끝입니다! I..

iOS 프로젝트/계산하지마!/UPDATE

iOS / Version : 4.0 / Date : 2021/02/01 이번 업데이트는 지난 9월달 3.3 버전에 이후로 4개월만의 큰 업데이트 였습니다. 거의 전반적으로 모든점이 수정되었습니다. [앱스토어 링크] apps.apple.com/kr/app/계산하지마!/id1505566774 ‎계산하지마! ‎계산하지마! 하나로 해결하세요! - 계산하지마! 지원하는 계산기능 리스트(Ver3.3.0) 1. [이건 그냥 일반 계산기] - 일반 계산기 2. [내가 얼마 보내주면 돼?] #카카오톡 공유 - 더치페이와 1/N계산을 apps.apple.com 1. 코드 정리 기존의 코드는 정말 처음으로 iOS 어플을 제작해본 프로젝트이기도 하고 구현에 급급하다보니 정리가 하나도 안되어 있었습니다. 앞으로 새로운 기능을 ..

iOS 프로젝트/계산하지마!/정리글

TiTi에 이어 두번째 개인프로젝트 어플인 "계산하지마!" 어플을 정리해보겠습니다. [앱스토어 링크] apps.apple.com/kr/app/계산하지마!/id1505566774 ‎계산하지마! ‎계산하지마! 하나로 해결하세요! - 계산하지마! 지원하는 계산기능 리스트(Ver3.3.0) 1. [이건 그냥 일반 계산기] - 일반 계산기 2. [내가 얼마 보내주면 돼?] #카카오톡 공유 - 더치페이와 1/N계산을 apps.apple.com 1. 앱스토어 등록 사진 2. 만들게 된 계기 저는 돈계산이 안됩니다! 19년도 겨울에 친구와 여행을 다니곤 했는데 둘이서 각자 쓴 돈이 달라가지고 나중에 더치페이처럼 정산을 하려고 하니 머리가 복잡해지고 괜히 돈이 안맞는 것 같고... 그래서 정산을 해주는 어플을 찾아보았습..

iOS 프로젝트/TiTi-공부를 위한 타이머/iOS UPDATE

iOS / Version : 3.3 / Date: 2021/01/21 RESET 버튼을 제거하고, SETTING 버튼으로 자리를 이동시켰습니다. 그리고서 남은 자리에 TIMER 버튼을 새로 넣었습니다. 누적시간을 유지하며 타이머 시간만 능동적으로 수정이 가능하겠금 화면을 추가로 제작하였습니다. 1. 타이머 설정화면 추가 override func viewDidLoad() { super.viewDidLoad() hideKeyboard() second = UserDefaults.standard.value(forKey: "second") as? Int ?? 2400 Label_timer.text = printTime(temp: second) Text_H.keyboardType = .numberPad Text_M..