ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Swift 로 iOS 앱 만들기 - 03 : Auto Layout 과 SnapKit
    Swift 2019. 6. 26. 12:42

     

    [예제] SnapKit을 이용하여 Label, TextField, Button 을 만들어보자. - 01

     

    01. Auto Layout 과 Snapkit

    Auto Layout 이란,
    기존의 Frame-Based Layout과 다른 View들 간의 관계를 이용하여 View의 위치와 크기를 자동으로 결정하는 Layout System 이다.
    View간의 관계를 이용하여 해당되는 View의 위치와 크기를 자동으로 결정하는 Layout System으로 관계는 Constraint로 설정이 가능하다.

     

    다양한 사이즈의 해상도가 나오면서 다른 크기의 화면에서도 같은 화면을 똑같이 보여주기 위해서 Auto Layout을 사용한다.

    Auto Layout을 쉽게 적용할 수 있게 코드를 작성하여 직접 코딩 할 수 있게 하는 라이브러리가 Snapkit 이다.

     

     

    02. Cocoapods 설치

    그럼 SnapKit을 어떻게 사용해야 하는가?
    SnapKit 처럼 라이브러리를 사용할 수 있게 나의 프로젝트와 연결 시켜주는 프로그램을 이용 해야하는데 많이 사용하는 것이 Cocoapods 이다. 따라서 Cocoapods을 먼저 설치하도록 한다.

     

     

    ▶  Cocoapods 이란,
    'Swift 및 Objective-C 개발에 사용 되는 종속성 관리자이다. 
    앱 개발시 오픈소스 라이브러리를 사용하다 보면 오픈소스 라이브러리의 업데이트에 따른 관리를 계속적으로 해주어야 하는데,
    Cocoapods은 그런 관리를 자동화하고 시간을 절약하게 해준다.

     

     

    03. Cocoapods 사용법


    1. 터미널 실행

    2. cd(이동) 입력 후 프로젝트 파일을 끌어다 넣고 enter.

     

    3. pod init 명령어를 입력하여 podfile 생성

     

    4. nano podfile 명령어 입력하여 podfile에 들어가기

    nano podfile 외에도  vi Podfile / open -e podfile 을 입력해도 가능하다.

     

    5. 화살표 표시 된 공간에 pod '라이브러리 이름' 을 입력한다.

    나는 SnapKit을 사용할 것이기 때문에 'SnapKit' 을 입력한다.

     

     

    6. control + x → y → enter 순으로 하여 나온다.

     

    7. pod install 입력

     

    8. 성공적으로 설치 되었는지 확인

     

     

    9. .xcworkspace 에서 설치한 라이브러리 (SnapKit) import 하기

    import SnapKit

    이제는 모든 코딩을 .xcworkspace 파일에서 작업 하면 된다.

     

     

     

    ▶ 라이브러리 삭제 방법

    1. 위와 같은 방법으로 터미널 실행 → cd 입력 → 폴더 끌어다 넣기
    2. nano podfile 명령어 입력
    3. 기존에 적혀 있던 pod '라이브러리 이름' ( 예) pod 'SnapKit' ) 삭제
    4. control + x → y → enter 순으로 하여 나오기
    5. pod install 명령어를 입력
    6. 빨간색 글씨로 Removing '라이브러리 이름' 이 나오면 삭제 성공! 

     

     

     

     -

    * 본 글은 글쓴이가 스터디를 하고 배운 내용을 정리하는 식으로 쓰여지기 때문에 완전 초보자의 글입니다. 
    틀린 부분이 있을 수도 있고 글의 흐름이 일정하지 않을 수 있습니다.*

    -

     

     

    댓글 0

Designed by Tistory.