Develop 썸네일형 리스트형 크롬 확장프로그램 개발 실전 가이드 (feat. 삽질 방지 팁) 내가 크롬 확장 프로그램을 만들면서 배운 것들 🚀안녕하세요! 오늘은 제가 크롬 확장 프로그램을 개발하면서 겪은 이야기와 유용한 팁들을 공유하려고 합니다. 처음에는 저도 'manifest.json이 뭐야?' 하면서 멀뚱멀뚱 쳐다보기만 했는데요, 이제는 제법 익숙해져서 이렇게 글도 써보네요! 😅크롬 확장 프로그램이 도대체 뭐길래?쉽게 말해서, 크롬 브라우저를 여러분 입맛대로 커스터마이징 할 수 있게 해주는 작은 프로그램이에요. 마치 스마트폰에 앱을 설치하는 것처럼, 브라우저에 추가 기능을 설치하는 거죠. HTML, CSS, JavaScript만 알면 누구나 만들 수 있어요. (물론 저처럼 처음엔 삽질을 좀 하겠지만요 😂)왜 확장 프로그램을 만들어야 할까요?음... 제 경우는 매일 아침 열어보는 사이트가.. 더보기 Flutter Android App Bundle 배포 시 발생한 이슈들과 해결 방법 각산마을 Flutter 앱을 Google Play Store에 배포하는 과정에서 여러 기술적 문제들을 만났습니다. 특히 Android 14 대응과 앱 번들 생성 과정에서 발생한 이슈들과 그 해결 과정을 공유하고자 합니다. 1. 개요프로젝트 소개: 각산마을 Flutter 앱은 금리단길의 상점 정보를 지도에 공유하는 Android 앱입니다.배포 환경: Google Play Store에 배포하여 사용자가 손쉽게 지역 상점 정보를 얻을 수 있도록 제공하고 있습니다.목적: Android 14에 대응하고, 최신 앱 번들 형식으로 배포하는 과정에서 발생한 문제들을 해결하는 것이 주 목표였습니다.2. Android 14 (API 34) 호환성A. 발생한 문제targetSdkVersion 업데이트 필요: Android .. 더보기 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에서 자동화 작업의 흐름을 정의하는 기본 단위입니다. 여러 모듈을 연결해 자동화 과정을 설계하며, 하나의 시나리오가 특.. 더보기 이전 1 2 3 4 ··· 14 다음