THE NICOLE🌱

1. 프로젝트 개요배경: 기존 자율주행 관제 시스템 고도화기간: 추석 연휴 기간 (2025.10.07 ~ 2025.10.11) 개인 주도 자발적 개발목표: 기존 웹의 5단계 접근 비효율 및 실시간 인지 지연 문제 해소기능: 실시간 영상(WebRTC) + MQTT 센서 데이터 통합 대시보드 및 백그라운드 알림2. 프로젝트 시작 배경 기존 관제 웹 대시보드는 잦은 현장 출장과 새벽 모니터링이 필수인 업무 환경에 부적합했습니다. 단순히 차량 상태를 확인하는 데 노트북을 켜고, 사이트 접속 → 로그인 → 주행 현황 탭 클릭 → 특정 차량 선택까지 여러 단계를 거쳐야만 원하는 화면을 볼 수 있었습니다. 자주 확인하는 정보는 한정되어 있었지만 접근 과정이 너무 복잡하다고 느꼈습니다. 이러한 불편함을 개선하기 위해 ..

Flutter 앱에서 사용자가 버튼을 눌러 직접 전화를 걸 수 있는 기능을 구현하는 방법을 단계별로 알아보겠습니다.1. 필요한 패키지 설치먼저 url_launcher 패키지를 설치해야 합니다. 이 패키지는 외부 앱(전화, 문자, 브라우저 등)을 실행할 수 있게 해줍니다.pubspec.yaml에 의존성 추가dependencies: flutter: sdk: flutter url_launcher: ^6.2.1 # 최신 버전 사용패키지 설치flutter pub get 2. 플랫폼별 권한 설정Android 설정android/app/src/main/AndroidManifest.xml 파일에 전화 권한을 추가합니다: iOS 설정ios/Runner/Info.p..

Flutter 앱에서 지도 기능을 구현하는 것은 생각보다 간단합니다. 오늘은 Google Maps API 키 설정부터 실제 지도 구현까지 차근차근 알아보겠습니다.1. Google Cloud Console에서 API 키 발급받기1-1. Google Cloud Console 접속Google Cloud Console에 접속합니다새 프로젝트를 생성하거나 기존 프로젝트를 선택합니다1-2. Maps API 활성화좌측 메뉴에서 "API 및 서비스" → "라이브러리" 클릭"Maps SDK for Android" 검색 후 활성화"Maps JavaScript API"도 함께 활성화 (웹에서도 사용할 경우)1-3. API 키 생성"API 및 서비스" → "사용자 인증 정보" 클릭"+ 사용자 인증 정보 만들기" → "API ..

문제 상황 Flutter 앱에서 MenuScreen에서 StoreListScreen으로 화면 전환 시 다음과 같은 문제가 발생했습니다..API 호출은 정상적으로 완료됨데이터도 정상적으로 받아옴setState()도 정상 호출되어 _isLoading이 false로 변경됨build() 메서드도 다시 호출됨하지만 화면에는 계속 로딩 인디케이터가 표시됨 초기 시도한 해결 방법들1. 기본적인 디버깅print('📱 BUILD 호출됨 - _isLoading: $_isLoading, storeData.length: ${storeData.length}');print('📱 조건 확인 - _isLoading == true: ${_isLoading == true}');print('📱 조건 확인 - _isLoading ==..

Spring Boot로 2년간 백엔드 개발을 해온 개발자로서 처음으로 Flutter 앱을 만들면서 겪은 뼈아픈 경험을 공유하려고 합니다. 특히 세션 관리 부분에서 크롬에서는 API 호출이 안 되는데, APK로 추출해서 모바일로 API 호출을 하면 잘 되는 황당한 상황을 겪었는데, 같은 문제로 고생하실 분들을 위해 정리해봅니다.0. 문제 상황Spring Boot + Spring Security로 세션 기반 인증을 구현한 REST API 서버가 있었습니다. Postman으로 테스트하면 완벽하게 작동했죠.1. POST /login (username, password) -> 200 OK + SESSION 쿠키2. GET /categories (SESSION 쿠키 포함) -> 200 OK + 데이터 하지만 Fl..