[iOS] #4 Naver 지도 API 사용하기

1. Application 등록

Naver API는 다른 프로젝트할때 1번 써봤기 때문에 계정 등록이 되어있어서 그 부분은 패스,,,

https://velog.io/@mandos1995/Xcode-%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%A7%80%EB%8F%84-API-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

[Xcode] 네이버 지도 API 사용하기

계정 등록하는 부분은 위 블로그에 잘 나와있다!

 

그래도 조금 적어보자면,,,사이트에 들어가서 이름을 지정한다! 그리고 나는 iOS와 연동할것이기 때문에 

아래로 내려서 Mobile 부분에 체크해주면 된다! 

위 서비스 환경 등록 부분에는 iOS Bundle ID를 입력하면 되는데, 아래와 같이 identity에 Bundle identifier을 입력해주면 된다! 

2. Client ID 등록

다음에는 Client ID를 등록해준다. 아래 인증정보버튼을 클릭하면, 

아래와 같이 Client ID가 뜨는데, 이 부분을 

아래 info.plist에 입력해주면 된다! 

3. 의존성 추가

마지막으로 의존성만 추가해주면 된다! 

[Cocoa Pods 설치]

우선 cocoa pod을 설치해준다. 나는 미리 설치되어있던 상태라 이 과정은 하지않았당,,,

sudo gem install cocoapods

[homebrew 설치]

homebrew란 macOS 패키지 매니저인데, 터미널에서 명령어를 통해 프로그램을 설치, 삭제, 업데이트를 보다 편리하게 관리할 수 있당!

아래 사이트로 가서 설치해주면된다.

이미 있는경우 다음으로 넘어가준다! 

https://brew.sh/index_ko

Homebrew

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

[git-lfs 설치]

github의 경우 100mb 부터 push 시 error가 발생하는데, git-lfs를 사용하면 대용량 파일을 git repo에 포함시켜야 하는 상황이 있을시에도 git push와 pull이 가능하다고 한다! 

brew install git-lfs

 

[pod 설치]

pod 파일을 처음 써보시는 분들은 아래 Pod파일 처음 사용할때 적어두었던 게시글이 있으니 참고 바랍니당!

https://org9899.tistory.com/78

[iOS] 5주차 세미나 정리

 

이미 사용해보신분들은,,,! 해당 프로젝트 경로에서 pod init을 해준다. 

pod init

예시 화면을 보여주면, 아래와 같다.

pod init을 하게되면 Podfile 파일이 생기는데, git-lfs를 설치했으면 다음 명령어로 초기화시켜준다! 

git-lfs install

이제 Podfile을 열고 코드를 추가해준다.

vi Podfile

다음 명령어로 터미널에서 Podfile을 열 수 있고, 혹은 finder에서 직접 열어도 상관없당! 

pod 'NMapsMap'

위 코드를 아래와 같이 PodFile에 작성해주는데, 터미널에서 i를 눌러주면 수정할 수 있당!

수정이 끝나면 esc를 누르고 :wq 를 입력하면 저장하고 파일을 닫아주면 된다,,,! 

이제 pod install로 라이브러리를 설치해준당

pod install --repo-update

아래 역시 예시 화면이다,,,! 

지도를 띄우고 싶은 화면에 아래와 같이 코드를 입력해주면 지도가 뜨는것을 확인할 수 있다! 

import NMapsMap
import UIKit

class ViewController: UIViewController {
  override func viewDidLoad() {
      super.viewDidLoad()

      let mapView = NMFMapView(frame: view.frame)
      view.addSubview(mapView)
  }
}

4. 실행

실행할때는 xcworkspace로 열어줘야한당! 

짠! (기본 위치는 네이버 본사로 되어있는것같당,,,이건 다음 게시물에서 수정하는 방법 공~개)

 

[참고자료]

https://blog.naver.com/PostView.naver?blogId=soojin_2604&logNo=222402500216&parentCategoryNo=&categoryNo=39&viewDate=&isShowPopularPosts=true&from=search 

[iOS] Naver지도 API (Naver Map API사용하기)

https://velog.io/@mandos1995/Xcode-%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%A7%80%EB%8F%84-API-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

[Xcode] 네이버 지도 API 사용하기