2025/088

• 

  [흡구오디] 흡연구역 정보를 띄우기 위한 bottomSheet ㅎㅇ여 이번에는 마커를 클릭했을 때 하단의 정보창을 띄우기 위한 과정을 포스팅 해볼게요 찾아보니 이걸 bottomSheet라고 하더라구요? apple 공식 문서에서는 아래와 같은 코드를 제시함func showMyViewControllerInACustomizedSheet() { let viewControllerToPresent = MyViewController() // 1. sheetPresentationController 가져오기 if let sheet = viewControllerToPresent.sheetPresentationController { // 2. detents: 시트 높이 단계 지정 sheet.detents = [.medium.. iOS/흡구오디 -> 어딨쥐 2025. 8. 31.

• 

  [흡구오디] NMFMapView와 NMFNaverMapView의 차이를 알아보자! 안뇽하세요 저는 지금 네이버 지도 SDK를 이용해서 흡구오디라는 iOS 앱을 개발 중인데요, 네이버 지도 SDK 세계에는 두 가지 지도 객체가 존재한답니다.바로 NMFMapView 와 NMFNaverMapViewNMFMapView vs NMFNaverMapView 차이NMFMapView네이버 지도의 순수 지도 객체지도만 표시됨 (UI 컨트롤 없음)카메라 이동, 마커 표시 같은 “지도 그리기” 기능 제공NMFNaverMapView내부에 NMFMapView를 포함한 컨테이너 뷰기본적으로 네이버 제공 UI 컨트롤 (현재 위치 버튼, 줌 버튼, 로고 등) 같이 제공그래서 self.mapView.mapView 처럼 .mapView 프로퍼티를 통해서 실제 지도(NMFMapView)에 접근해야 함즉,NMFMapVie.. iOS/흡구오디 -> 어딨쥐 2025. 8. 31.

• 

  [흡구오디] FireStore의 데이터 가져와서 화면에 띄워주기 안냐세요? 오늘은 Firestore에서 document와 data들을 가져와서 지도에 띄워줄거예요 레쯔고 우선 데이터를 입력하고 저장을 해야겠죠?저장하는 부분은 저번 게시글에서 포스팅 했었으니 참고! https://dev-23g.tistory.com/172 그렇담 이제 저장된 데이터들을 가져오자데이터 가져오기// MARK: Area Marker private func smokingAreas() { // 실시간으로 데이터 가져오는 addSnapshotListener 사용 db.collection("smokingAreas").addSnapshotListener { snapshot, error in guard let snapshot = snapshot else { return } .. iOS/흡구오디 -> 어딨쥐 2025. 8. 31.

• 

  [흡구오디] 어디까지 개발했나 알려드림 | UI 라이브러리 | Firestore 연동 안녕하세요 ^^은근 오랜만에 포스팅하네요 시간이 빠르다 빨라 저는 이번 여름 휴가로 울진, 울산, 제주도를 갔다왔답니다~! 그럼 이제 열심히 공부하고 개발하고 글 써야겠죠...네 레츠고! 글을 안쓴동안 은근 많은 변화가 있었답니다. 개발 내역들1. UI를 라이브러리로 구성함: snapkit, pinlayout, flexlayout 을 활용해서 해당 라이브러리들을 공부하고 적용해보았어요그런데 뭐로 통일할지는 못정함 뭘로 할까요?제 첫인상은 pin이 제일 좋음쓰는게 간편함 2. 흡연구역의 환경 / 유형 / 시설 태그들을 만듦: 각 흡연구역의 이름, 설명 뿐만 아니라 위와 같은 다양한 태그들을 등록할 수 있도록 했어요 아이디어 있으신 분? 공유 부탁 흡연자분들께서는 저러한 정보가 함께 제공된다면아따 흡구오디 .. iOS/흡구오디 -> 어딨쥐 2025. 8. 29.

• 

  250812 TIL | 사용자의 위치로 카메라 이동하기, 지도 중앙값 받아와서 데이터 넘겨주기 라는 제목을 지어봤는데요 오늘은 절반 정도 성공한걸로..^^ㅠ 어렵다 지도의 세계 첫번째 화면: 앱을 열면 지도에 사용자의 위치를 띄움⬇️두번째 화면 : 첫번째 화면의 위치를 받아와서 띄움+지도 정중앙에 마커를 꽂음=> 사용자는 지도를 움직여서 마커를 꽂을 위치를 지정할 수 있음⬇️세번째 화면: 두번째 화면의 위치와 마커를 그대로 가져와서 화면에 띄워줌 이 내가 생각한 기획인데 사용자의 위치 - 첫 화면 지도 - 두번째 화면 지도 - 세번째 화면 지도 - 세번째 마커모두 기묘하게 조금씩 이상하게 뜨는 중 이유를 먼저 말해보자면 지도 / 마커를 가져오는 시점?에 따른 사소한 값 변동 때문이라는데위도 경도는 사소하게라도 값이 변하면 안되기에~ 이상한 위치들이 튀어나오는것 ㅠ 마커가 정중앙에 제대로 찍힌건지 .. TIL 2025. 8. 12.

• 

  [흡구오디] 네이버 지도에서 현재 위치 가져와서 현재 위치를 지도에 띄우기 안녕하세요 오늘은 삽질 100번하고 알아낸 사용자의 현재 위치 가져와서 띄우기!를 공유해볼게요 이번 글에서는 네이버 지도 SDK를 이용해 앱에서 현재 위치를 지도에 띄우는 방법을 소개합니다~ 우선 우리는 지도에 사용자의 현재 위치를 띄우기 위해서 무엇을 할꺼냐!현재 위치 좌표 가져오기 -> 네이버 지도 기능으로 그 좌표로 카메라 이동시켜서 -> 화면에 사용자의 위치 띄워주기!1. 준비 작업필수 라이브러리 설치하기: 저는 네이버 지도 sdk를 SPM으로 깔아줬어요 https://github.com/navermaps/SPM-NMapsMap.git GitHub - navermaps/SPM-NMapsMapContribute to navermaps/SPM-NMapsMap development by creating.. iOS/흡구오디 -> 어딨쥐 2025. 8. 11.

• 

  250810 TIL | swift 네이버 지도 현재 위치 버튼 활성화하기 안녕하세요오늘은 첫 화면을 사용자의 현재 위치로 가져오는 기능을 구현해보았어요역대급 뻘짓으로 시간 낭비 디박 함 ㅜ_ㅜ 네이버 지도 SDK에서는현위치 버튼: 위치 추적 모드를 표현합니다. 탭하면 모드가 변경됩니다. 자세한 내용은 위치 문서를 참고하세요. showLocationButton 속성으로 활성화 여부를 지정할 수 있습니다. 라는 기능을 제공하고 있는데요self.mapView.ShowLocationButton = true 아무리 이 showLocationButton을 찾아봐도 나오질 않는 거임 ㅜ 알고봤더니 해당 속성은 NMFNaverMapView()에서 제공하는 것 반면에 내가 만든 View는 NMFMapView() 였음;;;private let mapView = NMFNaverMapView().. TIL 2025. 8. 10.

• 

  250807 | 마커 등록 화면 UI 구성 (FlexLayout + NMFMapView + 태그 영역 레이아웃 작업) 하이염오늘은 흡연구역 등록 화면을 본격적으로 만들었다.FlexLayout으로 전체 UI를 잡았고, 지도부터 입력 필드, 태그 섹션까지 기본적인 구조를 구성했다.주요 작업 내용레이아웃 작업을 Snapkit, Pin, Flex등으로 설정함!!!NMFMapView로 지도 보여주기흡연구역 이름 (UITextField) / 설명 (UITextView) 입력 필드 추가설명창은 placeholder처럼 보이게 구현 (TextView엔 기본적으로 placeholder 없음 → delegate로 직접 처리)환경 / 유형 / 편의시설 태그 카테고리별 label 추가FlexLayout으로 전체 레이아웃 구성삽질한 부분...- 스크롤 처리입력 항목이 많아지면 스크롤이 필요했는데, 처음엔 Flex만 쓰면 자동으로 스크롤 될 줄.. TIL 2025. 8. 7.