Happy EunDuk Happy EunDuk

평소에 카카오 맵을 Swift에 적용해보고 싶었는데 여러 문서를 참고하고 공부하여 실습해 보았다.api를 가져오는 방법은 많은 분들이 너무 잘 설명해 주셔서 생략하고내가 실습한 내용을 정리해 보려고 한다.  먼저 api 가져오는 것은 성공적으로 마쳤고 (애는 좀 많이 먹었지만ㅠㅠ)기본적으로 지도를 띄워 보겠다! import UIKitclass ViewController: UIViewController, MTMapViewDelegate { var mapView:MTMapView! override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view. ..

테이블 뷰의 셀을 검색하는 기능은 예전부터 구현해 보고 싶었다.그래서 UI를 구성하고 텍스트필드 델리게이트를 사용하여 구현하던 중UISearchController라는 엄청난 친구를 알게 되었고역시 사용해보니 간단하고 편리하였다. 여러 블로그를 보면서 공부하고 사용법을 익혔다.간단하게 실습을 해봤는데 특별한 기능은 없어서 전체코드에 주석으로 설명해놓겠다! 결과 화면  전체 코드import UIKitclass ViewController: UIViewController { // 테이블 뷰를 구성할 배열 선언 let uni:[String] = [ "서울대학교", "연세대학교", "고려대학교", "한양대학교", "성균관대학교", ..

개발자들은 자주 쓰는 코드를 메모장 같은 곳에 적어놨다가 필요할 때 복사 붙여넣기로 사용하곤 한다.나도 그렇게 사용해 왔는데 더 편한 방법이 있을까 해서 찾아보다가 코드 스니펫을 알게 되었다.사용해보니 정말 편한데 생각보다 사용하지 않는 개발자들이 많은 것 같다.간단하게 사용법을 공유해보겠다!  나는 자주 쓰는 간단한 알람창 코드를 추가해 보겠다.원하는 코드를 작성하고 전체 드래그 후 마우스 오른쪽 클릭을 한다.그러면 다음과 같이 코드 스니펫을 생성할 수 있다.내가 방금 추가한 코드가 User메뉴에 추가되었고 이미 많이 구현되어 있는 코드 스니펫도 swift메뉴에서 볼 수 있다.추가한 코드가 어떤 기능인지 제목을 써주고 Completion에 원하는 단축키를 입력하면 된다.그리고 스위프트에서 제공하는 코드..

이번에는 스크롤 뷰를 공부해 보았다.생각보다 사용하기가 까다로운 친구라 많은 블로그를 찾으며 공부하였다. 기본적인 기능은 아래 블로그를 참고하였고https://baechukim.tistory.com/4 [iOS] Swift UIScrollView AutoLayout 스크롤뷰 레이아웃 설정하기스크롤 뷰를 추가하면 Content Layout Guide와 Frame Layout Guide가 생깁니다. contentLayoutGuide는 스크롤 되는 긴 뷰를 생각하시면 될 것 같습니다. frameLayoutGuide는 스크롤뷰에서 화면에 보여주는 영역을 설정baechukim.tistory.com  내가 사용하고 싶은 스크롤 뷰의 기능을 완성하였다!내가 사용하고 싶은 기능은 동적으로 길어지는 내용에 스크롤을 적용..

저번 글에서 카카오톡 대화창 텍스트 입력창을 텍스트 뷰로 구현했었다.https://eunduk2.tistory.com/34 [Swift/Clone] 카카오톡 대화창 클론 코딩1요즘에 어플에 있는 기능들을 보고 구현해보고 싶은 기능들을 적어놓고 하나씩 따라서 구현해보고 있다. 오늘은 카카오톡 대화창을 최대한 똑같이 구현해 보려고 한다. 일단 카톡을 보내기 위eunduk2.tistory.com 이번에는 입력한 텍스트를 보내는 기능을 구현해 보도록 하겠다!  결과화면  일단 보내기 버튼을 누를 때마다 톡이 생겨야되기 때문에 테이블 뷰로 구성했다.텍스트를 감싸고 있는 노란바탕은 새로운 뷰로 구성했고 그 안에 레이블을 넣었다.그리고 노란 쉼표모양을 붙여주고 오토레이아웃을 적용하면 끝!(글자 수의 따라 레이블과 뷰..

요즘에 어플에 있는 기능들을 보고 구현해보고 싶은 기능들을 적어놓고 하나씩 따라서 구현해보고 있다.오늘은 카카오톡 대화창을 최대한 똑같이 구현해 보려고 한다.일단 카톡을 보내기 위해 텍스트를 입력하는 텍스트 뷰를 구현해 보았다.  디자인은 색과 아이콘 누끼를 따서 똑같이 구현했고주요 기능을 설명해보겠다. 기본 디자인두개의 뷰와 각종 버튼 그리고 텍스트 뷰로 구성되어 아래와 같이 하단 바를 구성했다.   이제 텍스트 뷰를 아래와 같이 키보드가 올라오면 같이 올라가게 해줘야 한다.  아래와 같은 코드를 추가하여 위 작업을 완료할 수 있다.override func viewWillAppear(_ animated: Bool) { // 키보드가 나타날 때의 알림에 대해 옵저버를 등록합니다. Notific..

이번에는 촬영하거나 앨범에서 가져온 사진을 이미지뷰에 출력하는 것을 해보겠다. 먼저 카메라와 앨범 사용(권한)을 위해 info.plist에 다음과 같은 2개의 내용을 추가해준다. 버튼과 이미지 뷰를 추가해주고 아울렛 변수와 액션 함수를 코드에 추가한다.@IBOutlet var imageView: UIImageView!@IBAction func addImage(_ sender: Any) { }  그리고 "사진 촬영"과 "앨범에서 가져오기"로 구성된 액션 시트를 만들어준다.func showActionSheet() { let alertController = UIAlertController(title: nil, message: nil, preferredStyle: .actionSheet) ..

내가 이 탭바 디자인을 위해 여러 블로그를 찾다가 외국 블로그에서 찾아 해결했었는데방법을 간단하게 공유해 보려고 한다.  결과 화면 (탭바 컨트롤러에 연결된 2개의 뷰 컨트롤러가 있다고 가정) 먼저 다음과 같은 클래스를 정의 한다.import UIKitclass MyTabBarCtrl: UITabBarController, UITabBarControllerDelegate { // UITabBarControllerDelegate를 요구하는 initializer를 추가합니다. required init(coder aDecoder: NSCoder) { super.init(coder: aDecoder)! } override func viewDidLoad() { ..