본문 바로가기

728x90

🍎 iOS138

[iOS] @escaping (2) - 영화 API 예제로 쉽게 이해하기 (@escaping with movieAPI Example) 안녕하세요 Foma 입니다 !! 전 시간에는 Escaping Closure를 공식 문서를 통해 정의와 예제로 알아보았는데요. ( 궁금하신 분들은 여기 를 눌러주세요) 공식 문서의 예제로는 이해하기가 힘드신 분들이나 이게 어디서 쓰이는지 구체적으로 알고싶은 분들을 위해 작성하게 되었습니다. 우선 가장 많이 쓰이는 곳은 API를 사용해 데이터를 비동기방식으로 받아올 때인데 예제를 통해 알아보겠습니다. Storyboard 우선 첫번째로 네비게이션 컨트롤러와 테이블뷰컨트롤러를 생성해줍니다. 그 다음 테이블뷰 셀엔 영화포스터를 띄울 이미지뷰와 영화 이름을 띄울 레이블을 넣어줍니다. Xcode 테이블뷰셀에 연결해줍니다. 영화 포스터와 이름을 가질 모델을 만들어줍니다. MoiveAPI파일을 만들어준 뒤 영화모델을 만.. 2020. 11. 1.

[iOS 면접질문]@escaping이란? (1) - 개념 안녕하세요 Foma 입니다!! 오늘 알아볼 내용 Escaping Closure입니다. 예전부터 어떤 메소드를 보면 인자값 앞에 @escaping이라고 되어있는 것을 본 적이 있는데 이게 무슨 역할을 하는지 자세히 알지 못한채 넘어갔었는데요. 그래서 오늘은 한번 자세히 알아보겠습니다. Swift Documentation 우선 공식문서를 요약하면 "함수를 탈출할 수 있고 값이 반환된 후에 불려질 수 있다 " 라고 되어있습니다. 원래 클로져는 인자가 함수 밖에서도 유효한 것은 가능하지 않습니다. 왜냐하면 기본적으로 @noescape 으로 설정되어있기 때문입니다. (@noescape로 설정된 이유는 함수가 종료되면 자동적으로 클로져가 메모리에서 해제되고 메모리 관리가 쉽게되기 때문입니다.) 하지만 이 @esca.. 2020. 11. 1.

[iOS/UI]탭바 아이템 눌렀을 때 애니메이션 넣기 (UITabBarItem Animation) 안녕하세요 Foma 입니다!!! 오늘 알아볼 건 탭바를 탭했을 때 이미지가 스프링처럼 커졌다 작아졌다하는 애니메이션을 적용해볼거에요. 그럼 바로 시작하겠습니다. Xcode 우선 탭바 컨트롤러를 만들어주세요. override된 didSelect(탭바아이템 선택했을시) 메소드를 써줍니다. 아래 사진과 같이 안에 코드를 붙여넣습니다.(인덱스를 찾아내는 코드) 그 다음 애니메이션 함수를 따로 구현해줍니다. 마지막으로 didSelect했을 때 performSpringAnimation함수에 imageView를 인자값으로 넣어준 뒤 실행해줍니다. StoryBoard 스토리보드로 이동하셔서 탭바컨트롤러를 만들고 각 아이템에 이미지를 넣어줍니다. (저렇게 원본 그대로의 이미지를 추가하시고 싶으면 여기를 참고해주세요) 반.. 2020. 10. 28.

[iOS/UI]간단하게 이미지뷰에 이미지 넣기(Image Literal) 안녕하세요 Foma 입니다! 오늘은 Image Literal이란 것을 사용하여 간단하게 이미지뷰에 이미지를 넣어주겠습니다. 바로 시작할게요! 먼저 평소에는 이미지뷰에 이미지를 넣을 때 이미지의 이름을 기억하여서 넣었습니다. 이렇게 하다보면 이미지의 이름을 일일이 알아야하고 넣기 번거로웠습니다. 하지만 아래 사진과 같이 이미지 자체를 넣을 수 있는 기능이 있는데요. 바로 이미지 리터럴이란 기능입니다. Image Literal이라고 친 다음 사진 아이콘이 뜨는데 그것을 더블클릭한 다음 자신이 가지고 있는 이미지 중 사용할 이미지를 클릭해주면 됩니다.! 아래를 참고해서 사용하시면 좋을 거 같습니다! 2020. 10. 27.

[iOS/UI]스크롤뷰 간단하게 적용하기(Simple Use UIScrollView) 안녕하세요 Foma 입니다! 이번에 알아볼 건 스크롤뷰입니다. 저는 스크롤뷰를 적용하려다 보니 새롭게 바뀐 Content Layout Guide 와 Frame Layout Guide를 고려하니 복잡하고 오류가 많이 떴습니다 ㅜ 그래서 열심히 찾아본 결과 간단하게 구현하는 법을 알게되었습니다. 우선 스크롤뷰를 추가해줍니다. 그리고 Constraints를 모두 0으로 해줍니다. 그러면 이렇게 빨간색 줄이 뜨는데요 당황하지 말고 다음 단계로 넘어갑니다! 그리곤 인디케이터 인스펙터로 가서 노란부분으로 표시된 Content Layout Guides의 체크를 풀어줍니다. 그럼 아주 편안(?)하게 파란색 줄로 변하게 됩니다. 그리고 뷰를 컨텐트를 담당할 뷰를 넣어줍니다. 뷰도 마찬가지로 Contraints를 Scro.. 2020. 10. 27.

앱 생명주기(AppLifeCycle)(2) - 활용(feat.Youtube Premium) 안녕하세요 Foma 입니다! 저번 시간에는 앱 생명주기 개념에 대해서 알아보았는데요. 2020. 10. 20.

[iOS 면접질문]앱 생명주기(App LifeCycle) (1) - 개념(앱이 In-Active 상태가 되는 시나리오를 설명하시오.) 안녕하세요 Foma 입니다! 오늘 알아볼 볼 건 바로 앱 생명주기입니다. 모든 iOS 애플리케이션은 5가지 상태에 있습니다. States 1. Not running 앱이 실행되지 않았거나 완전히 종료되었을 때 상태입니다. 2.In-active(비활성화) 앱이 실행되면서 포어그라운드에 진입하지만 어떠한 이벤트도 받지 않는 상태입니다. 3.Active(활성화) 앱이 실행 중이며 포어그라운드에 있고 이벤트를 받고 있는 상태입니다. 4.Background 앱이 백그라운드에 있으며 다른 앱으로 전환되었거나 홈버튼을 눌러 밖으로 나갔을 때의 상태입니다. 5.Suspended 백그라운드에서 특별한 작업이 없을 경우 전환되는 상태입니다. 앱의 생명주기 상태에 따라서 AppDelegate와 SceneDelegate에서 .. 2020. 10. 20.

[iOS] Notification으로 데이터 보내기(Pass data using Notification) 안녕하세요 Foma 입니다!! 오늘은 Notification으로 데이터 보내기를 알아보겠습니다. 평소에 다른 뷰컨트롤러로 데이터를 보낼 때 세그를 이용하거나 아니면 반드시 그 뷰컨트롤러로 이동해야되는 불편함이 있었는데 뷰컨트롤러에서 아무런 이동없이 데이터만 보낼 순 없을까?를 고민하다가 구글링한 결과 NotificationCenter를 찾을 수 있었습니다. 자 그럼 시작하겠습니다! 먼저 데이터를 보낼 뷰컨트롤러 1개와 데이터를 받을 뷰컨트롤러 1개를 만들어줍니다. 저는 ViewController와 TabbarViewController1을 만들어주겠습니다. ViewController엔 item버튼을 누르면 데이터가 전송이되고 TabbarViewController1에 받은 데이터를 표시할 Label을 각각 .. 2020. 9. 14.

[iOS/UI] 테이블뷰 특정 인덱스로 바로 이동하기(UITableView scrollToRow) 안녕하세요 Foma입니다 !! 오늘은 테이블뷰에서 특정 인덱스 위치로 바로 이동하는 방법을 알아보겠습니다. 가끔 테이블뷰에 이동할때 바로 몇번째 section 또는 row인 셀이 떴으면 좋겠다고 생각했는데 열심히 구글링한 결과 UITableView에 scrollToRow 메소드를 사용하면 바로 스크롤링이 되면서 이동할 수 있었습니다. 자 그럼 시작하겠습니다 ! 먼저 테이블뷰와 테이블뷰셀과 그 안에 인덱스를 나타낼 레이블 원하는 인덱스로 이동할 버튼을 만들어줍니다. 뷰컨트롤러로 이동해 테이블뷰의 row 갯수와 row의 셀을 정해줍니다. 버튼을 눌렀을 때 원하는 인덱스로 이동하도록 설정해줍니다. 아래 사진과 같이 indexPath 상수를 만들어주어 원하는 row를 적어주고 아래 현재 테이블뷰에 scrollT.. 2020. 9. 14.

[iOS/UI] 서치바 커스텀하기 (Custom UISearchBar) 안녕하세요! Foma입니다! 이번에는 서치바에 대해서 다뤄볼건데요. 가끔 서치바의 배경색이나 돋보기이미지 등을 바꾸고싶을 때가 있었습니다. 그래서 열심히 구글링해본 결과 1.서치바의 플레이스홀더(검색하기 전에 회색글씨로 떠있는것) 세팅 2.서치바의 왼쪽 돋보기 아이콘 이미지 세팅 3.서치바의 오른쪽 엑스버튼 이미지 세팅(검색했을 때) 4.서치바를 네비게이션바에 넣는법 5.서치바의 배경화면,글씨색,플레이스홀더색 세팅 6.서치바 왼쪽,오른쪽 이미지 넣기 틴트색 세팅 이렇게 커스텀하는 법을 알 수 있었습니다. 먼저 가장 먼저 해주어야할 것은 searchbar를 만들어주는 것입니다. = > let searchBar = UISearchBar() 1.플레이스홀더 설정법은 searchBar에 .placeholder를.. 2020. 9. 2.

[iOS/UI] 네비게이션 바 틴트 및 타이틀 컬러바꾸기 1 2 3 4 5 6 7 8 //iOS 13이상일 때 타이틀 컬러 바꾸는 법 if #available(iOS 13.0, *) { navigationController?.navigationBar.standardAppearance.titleTextAttributes = [.foregroundColor: UIColor.white] } else { navigationController?.navigationBar.titleTextAttributes = [.foregroundColor: UIColor.white] } //바 틴트 바꾸는 것 self.navigationController?.navigationBar.barTintColor = UIColor.darkGray Colored by Color Scripter .. 2020. 6. 29.

[iOS/UI] UITextField 글자 수 제한하기(UITextField set MaxLength) Swift 안녕하세요 Foma 입니다! 오늘은 텍스트필드의 글자 수를 제한하는 법에 대해서 공유하려고 합니다! 바로 시작할게요~ 먼저 원하시는 뷰컨트롤러에 UITextFieldDelegate를 채택해주시고 제한할 텍스트필드의 딜리게이트를 self로 해줍니다. 그리고 스토리보드에서 텍스트필드 액션을 연결해주는데 반드시 Editing Changed로 해줍니다. 그 다음으로 이제 가장 중요한 글자수를 제한할 메소드를 아래처럼 만들어줍니다. 1 2 3 4 5 func checkMaxLength(textField: UITextField!, maxLength: Int) { if (textField.text?.count ?? "" > maxLength) { textField.deleteBackward() } } Colored .. 2020. 6. 21.

이전 1 ··· 5 6 7 8 9 10 11 12 다음

728x90

티스토리툴바