본문 바로가기

Develop

Flutter로 '각산마을' 지도 앱 개발기 5일간의 앱 개발 여정 공유최초 작성일: 2024년 11월 20일카테고리: 모바일 개발/Flutter목차프로젝트 소개개발 과정기술적 도전과 해결주요 기능 구현최적화 및 분석마치며프로젝트 소개'각산마을' 앱은 지역 상점들을 쉽게 찾고 정보를 확인할 수 있는 지도 기반 애플리케이션입니다. Flutter를 사용하여 5일이라는 짧은 기간 동안 개발되었으며, 구글 맵 통합부터 사용자 경험 최적화까지 다양한 도전과 성과가 있었습니다.주요 기능구글 맵 기반 상점 위치 표시카테고리별 필터링상점 검색상세 정보 바텀 시트외부 지도 앱 연동 개발 과정Day 1 (11월 14일) - 기반 작업첫날은 프로젝트의 토대를 다지는데 집중했습니다. 가장 핵심적인 작업은 구글 맵 통합이었습니다.// 구글 맵 초기 설정class MapS.. 더보기
손안의 금리단길: 각산마을 디지털 지도 앱 개발기 여러분은 새로운 동네를 탐험할 때 어떤 방법을 사용하시나요? 네이버 지도? 카카오맵? 아니면 현지인의 추천? 오늘은 구미의 핫한 문화거리 '금리단길'과 '각산마을'을 더 스마트하게 즐기는 방법에 대한 이야기를 들려드리려 합니다.💡 종이지도에서 시작된 영감 "이렇게 좋은 정보가 종이에만 있다니, 너무 아쉽지 않나요?"금리단길 사람들이 제작한 각산마을 종이 지도를 처음 접했을 때의 생각입니다. 상점들이 카테고리별로 깔끔하게 정리되어 있고, 위치도 한눈에 파악할 수 있었죠. 하지만 종이지도의 한계는 분명했습니다.실시간 업데이트가 어렵다새로 생긴 맛집 정보를 추가하기 힘들다상세 정보 확인이 불가능하다이런 불편함을 해소하고자 '각산마을 디지털 지도 앱' 프로젝트를 시작하게 되었습니다.🗺️ 디지털로 진화하는 각.. 더보기
누구나 할 수 있는 스마트 교통 분석: Python으로 CCTV 다중 모니터링 구현 "오늘도 어김없이 찾아온 출근 시간, 어느 도로가 덜 막힐까 고민하시나요? 스마트폰으로 실시간 교통 정보를 확인하며 한숨 쉬시나요?"매일 아침 반복되는 이 고민, 이제는 첨단 기술로 해결할 수 있습니다. Python과 인공지능을 활용한 스마트한 교통 분석 시스템을 소개합니다.🚦 실시간 교통 모니터링의 현실교통 정보를 실시간으로 확인하고 싶을 때 우리는 보통 국가교통정보센터(ITS)를 방문합니다. 하지만 현재 시스템은 한 가지 큰 제약이 있습니다."CCTV 화면을 하나씩 클릭하며 확인해야 한다고요?"맞습니다. 현재 시스템에서는:한 번에 하나의 CCTV만 모니터링 가능여러 구간을 확인하려면 수동으로 전환 필요실시간 통합 분석이 어려움이런 불편함을 겪으신 분들을 위해, 더 스마트한 해결책을 준비했습니다.💻.. 더보기
수익 창출! 앱 개발자가 Chrome 확장 프로그램을 개발해야 하는 5가지 이유 Chrome 확장으로 수익을 창출할 방법, 알고 계신가요?사용자가 웹 브라우저를 열 때마다, 그 순간은 단순한 클릭 이상의 기회일 수 있습니다. 뉴턴이 사과나무 아래에서 우연히 떨어진 사과를 보며 중력의 법칙을 깨달았던 것처럼, 브라우저를 통해 수익 창출의 가능성을 발견할 수 있습니다. 몇 년 전, 한 회사원은 업무 중에 답답함을 느끼며 잠시 휴식을 취하고 있었습니다. 그때 브라우저에서 작은 불편을 경험하고, "이 문제를 해결하는 확장 프로그램을 만들면 어떨까?"라는 생각이 떠올랐습니다. 그저 작은 불편을 해결해 보려던 그 아이디어는 이제 수익을 창출하는 거대한 기회로 이어졌습니다. 개발과 무관한 일을 하다가도 Chrome 확장은 누구에게나 가능성을 열어줍니다. 앱 개발자로서 수익을 창출하는 더 쉬운 방.. 더보기
Gitleaks를 통한 Git 저장소의 API 키 유출 방지 개발 작업 중 실수로 민감한 정보를 커밋에 포함시키는 상황을 상상해 보십시오. '아차!' 하는 순간, 특히 API 키나 비밀번호와 같은 중요한 정보가 노출될 경우, 그로 인한 피해는 치명적일 수 있습니다. 실제로 GitHub의 공개 저장소에서 민감한 정보가 유출되어 대규모 데이터 침해 사고로 이어진 사례가 여러 번 발생했습니다. 예를 들어, 2021년에는 수천 개의 공개 GitHub 저장소에서 API 키가 노출되어 해커들이 이를 '슬쩍' 악용한 사례가 보고되었습니다. 이러한 보안 위협을 미연에 방지하는 것이 매우 중요합니다. https://pointer81.tistory.com/entry/AWS-5%EC%9D%BC%EA%B0%84-2000%EB%A7%8C%EC%9B%90-%EB%B9%84%EC%9A%A9.. 더보기
10분 만에 이해하는 Make.com 필수 용어와 작동 원리 Make.com은 다양한 업무를 자동화할 수 있도록 도와주는 플랫폼입니다. 반복적인 작업을 줄이고, 생산성을 높여주는 강력한 도구로, 드래그 앤 드롭 방식으로 시나리오를 설계하여 다양한 앱과 서비스를 연동할 수 있습니다. 이를 통해 사용자는 복잡한 코딩 없이도 다양한 자동화 작업을 쉽게 구축할 수 있습니다. 이 글은 초보자도 10분 내로 Make.com의 필수 용어와 작동 원리를 이해할 수 있도록 돕기 위한 것입니다. 핵심 개념들을 간단하게 설명하므로, 처음 시작하는 분들도 쉽게 따라올 수 있을 거예요. Make.com의 필수 용어1. 시나리오 (Scenario)시나리오는 Make.com에서 자동화 작업의 흐름을 정의하는 기본 단위입니다. 여러 모듈을 연결해 자동화 과정을 설계하며, 하나의 시나리오가 특.. 더보기
2024년 웹 개발자가 알아야 할 Ajax와 REST API의 주요 차이점 현대 웹 개발에서 클라이언트와 서버 간 데이터 통신의 중요성은 점점 더 증가하고 있습니다. 이러한 트렌드는 웹 개발자들이 실시간 데이터 통신 기술에 더 많은 관심을 기울이게 만들고 있습니다. 사용자는 반응성 높은 웹 환경을 기대하며, 개발자는 이러한 기대를 충족시키기 위해 다양한 기술을 활용합니다. 그중에서도 Ajax와 REST API는 웹 개발자에게 필수적인 개념입니다. 이 글에서는 두 기술의 이론적 배경과 주요 차이점을 심도 있게 분석하고, 2024년의 웹 개발 환경에서 이러한 기술들이 어떻게 사용되는지에 대해 논의합니다.Ajax(Asynchronous JavaScript and XML) 이해하기Ajax의 정의와 작동 방식Ajax는 JavaScript를 사용하여 서버와 비동기적으로 데이터를 주고받아,.. 더보기
하루 2시간 절약! Make.com, Apify.com, ChatGPT로 업무 자동화하는 비법 공개 왜 업무 자동화가 필요한가?반복적인 업무를 수행하는 데 걸리는 시간을 줄이는 것은 중요합니다. 이는 업무 효율성을 높이고 개인의 시간을 더 가치 있게 만드는 핵심 요소입니다. 매일 반복되는 단순한 작업들은 우리를 피곤하게 만들고, 중요한 업무에 집중할 수 있는 시간을 뺏어갑니다. 이러한 이유로 많은 사람들이 업무 자동화를 통해 시간을 절약하고 더 효율적인 환경을 만들고자 합니다.자동화 도구들은 우리가 일상적으로 하는 많은 업무를 간편하게 해결해 줄 수 있습니다. Make.com은 다양한 앱과 서비스를 연결해 워크플로우를 자동화하고, Apify.com은 웹에서 필요한 데이터를 수집하며, ChatGPT는 고객 응대 및 문서 작성 업무를 자동화합니다. 이 세 가지 도구를 활용하면 데이터 수집부터 워크플로우 관.. 더보기

티스토리툴바