팀프로젝트2 [공유 킥보드 앱 만들기(1) - 디자인, 네이버 Maps API]

 

⎮ 팀 프로젝트 1일차

    프로젝트를 시작하면서, 와이어프레임을 러프하게 만들고 디테일 작업에 들어갔다.

  주제는 공유 킥보드 앱 만들기.

  따라서 우리는 "보드카"라는 이름을 사용하여 앱을 만들었다.

⎮ 와이어 프레임

    먼저 와이어프레임을 러프하게 만들었다. (물론 이것보다 더 러프하게 만드는게 좋을거 같지만)

 

⎮ 디자인 구체화

    이후 위 와이어프레임을 토대로 디자인을 구체화했다

 

   내가 만든 디자인이지만, 늘 마음에 들지는 않는다(남자가 만들어서 투박한 느낌이랄까)

 

 

⎮ 네이버 API 발급 받기

  https://www.ncloud.com/product/applicationService/maps#faq

NAVER CLOUD PLATFORM

   상단의 Q&A에서 네이버 API 발급 받는 법을 참고했다.

 

  1. 회원가입하기

  https://www.ncloud.com/

NAVER CLOUD PLATFORM

 

 

  2. 결제수단 등록하기

 

   결제 수단을 등록했다고해서 무조건 과금이 되는 것은 아니다.

  대표 계정 한정으로, 월 6,000,000건의 무료 이용량이 제공된다.

  자세한 요금제는 하단의 페이지에서 확인할 수 있다.

 

    https://www.ncloud.com/support/notice/all/1796?searchKeyword=maps&page=1

NAVER CLOUD PLATFORM

   3. Service 항목 선택

       첨부된 사진을 기준으로 4번 항목을 누르면 된다.

 

   4. maps 검색 후 선택

       * AI Maps는 유료 서비스이므로, 잘 보고 선택해야 함

  

   5.  Application 등록

 

 

   6.  Application 이름과 API를 선택하고, BundleID를 적어주면 된다.

 

   7.  확인을 누르면 다음과 같이 나오는데, 인증 정보를 누르면 API를 확인할 수 있다.

 

⎮ 네이버 지도 불러오기(Packages)

    1. 패키지 추가하기

      https://github.com/navermaps/SPM-NMapsMap.git

GitHub - navermaps/SPM-NMapsMap

 

    2. NMapsMap Import 하기

import NMapsMap

 

    3. AppDelegate에 KeyID 세팅하기

class AppDelegate: UIResponder, UIApplicationDelegate {

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        NMFAuthManager.shared().ncpKeyId = "본인의 KeyID"
        return true
    }

 

    4. VC에 코드 작성하기

import UIKit
import NMapsMap

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        let mapView = NMFMapView(frame: view.frame)
        view.addSubview(mapView)
    }
}

 

   아래의 방법은 시도하다가 대차게 실패하여... 결국은 위의 Package 방법으로 해결했다...

 

⎮ 네이버 지도 불러오기(CocoaPods)

    1. 터미널에서 코코아팟 라이브러리 설치하기

        * 아래의 명령어와 비밀번호를 입력하면 아무 응답이 없어 보이겠지만 설치 중이니 진득하니 기다리도록 하자..

sudo gem install cocoapods

 

      - 코코아팟 설치가 안된다면? 

        * 코코아팟 설치 상태 확인하는 명령어

pod --version

 

    2. 라이브러리 설치하기

        * 이 명령어가 안된다면, 홈브루를 먼저 설치해주도록 하자

brew install git-lfs

 

  * 홈브루 설치가 안되어 있으면 아래의 명령어를 먼저 입력하면 된다

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

    3. 프로젝트 경로에서 코코아팟 초기화하기

pod init

 

    * pod init이 안되면, cocoaPods을 설치해야 함

 

   위의 과정으로 하다가 수많은 오류(SendBox 오류, 버전 오류 등 )를 겪고 대차게 실패.....

 

 

 + 가이드 문서에 나와 있는 내용을 확인해보니, 다음과 같이 되어 있어 공유한다..

앱 프로젝트의 Podfile에 네이버 지도 SDK에 대한 의존성을 선언합니다.

다음은 네이버 지도 SDK에 대한 의존성을 선언한 예제입니다.

target 'NaverMapDemo' do

    pod 'NMapsMap'

end

3.17.0 이하 버전은 NMapsMap-Legacy를 이용해주세요.