참고 [iOS Tutorial: How to make a customizable interactive slide-out menu in Swift](https://www.thorntech.com/2016/03/ios-tutorial-make-interactive-slide-menu-swift/](https://www.thorntech.com/2016/03/ios-tutorial-make-interactive-slide-menu-swift/))

Create an interactive slide-out menu using Custom View Controller Transitions

Scroll View 내부에 Container Views를 중첩하여 슬라이드 아웃 메뉴를 만들 수 있지만, 몇 가지 단점이 있다.

• Scroll View pan gesture는 메인 화면(아래의 파란색 화면)에서 수평 swipe와 동작이 겹친다.
• 슬라이드 메뉴가 열려있는 동안, 메인 화면도 tap 가능하므로 모달로 마스크 처리 해야 한다(it needs to be masked by a modal).
• 애니메이션 커스텀이 어렵다.

이 튜토리얼에서는 다음의 기능을 포함하는 interactive slide-out menu를 만든다.

• 메뉴 버튼을 누르면 slide-out이 열린다.
• 메인 화면(파란색)을 눌러 닫는다.
• 왼쪽 가장자리에서 panning하면 슬라이드가 열린다.
• 메인 화면(파란색)을 panning하면 슬라이드가 닫힌다.
• 어디까지 슬라이드 하는가에 따라 슬라이드 되거나 원래 화면으로 돌아간다.

1. Get Started

• 프로젝트 생성

//  AppDelegate.swift
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        window = UIWindow(frame: UIScreen.main.bounds)
        window?.makeKeyAndVisible()
        window?.rootViewController = MainViewController()
        return true
    }

//  MainViewController.swift
import UIKit

class MainViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .blue
        self.setNavigationBar()    
    }

    func setNavigationBar() {
        let screenSize: CGRect = UIScreen.main.bounds
        let navBar = UINavigationBar(frame: CGRect(x: 0, y: 0, width: screenSize.width, height: 44))
        let navItem = UINavigationItem(title: "")
        let menuItem = UIBarButtonItem(title: "menu", style: .plain, target: self, action: #selector(goToSideMenu))
        navItem.leftBarButtonItem = menuItem
        navBar.setItems([navItem], animated: false)
        self.view.addSubview(navBar)
    }
    
    @objc func goToSideMenu() {
        let sideVC = SideViewController()
        present(sideVC, animated: true , completion: nil)
    }

}

//  SideViewController.swift
import UIKit

class SideViewController: UIViewController {
    
    let backButton: UIButton = {
        let button = UIButton()
        button.backgroundColor = .cyan
        button.setTitle("뒤로가기", for: .normal)
        return button
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .red

        view.addSubview(backButton)
        backButton.translatesAutoresizingMaskIntoConstraints = false
        backButton.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -8).isActive = true
        backButton.topAnchor.constraint(equalTo: view.topAnchor, constant: 8).isActive = true
        backButton.widthAnchor.constraint(equalToConstant: 100).isActive = true
        backButton.heightAnchor.constraint(equalToConstant: 40).isActive = true
        
        backButton.addTarget(self, action: #selector(back), for: .touchUpInside)
    }
    
    @objc func back() {
        dismiss(animated: true, completion: nil)
    }
}

2. Add some helpful files