분류 썸네일형 리스트형 크롬 확장프로그램 개발기: 이미지 다운로더 만들며 배운 것들 주말에 만든 크롬 확장프로그램 출시 이야기 - 이미지 다운로더 개발기 🚀💡 시작하게 된 계기디자이너 친구가 "웹사이트에서 이미지 여러 개 다운받을 때마다 우클릭하기 너무 귀찮다"는 말을 했습니다. "그거 확장프로그램으로 만들어볼까?" 하는 가벼운 마음으로 시작한 프로젝트였죠.🛠 주요 기능페이지 내 모든 이미지 자동 스캔숨겨진 이미지까지 전부 찾아냅니다이미지 크기와 해상도 정보 제공스마트 필터링파일 크기별 필터 (Small 1MB)파일 형식별 필터 (JPG, PNG, GIF, 기타)파일명 검색 기능편리한 다운로드선택한 이미지만 다운로드진행률 표시자동 파일명 정리🔧 기술 스택과 구현 포인트Manifest V3 설정{ "manifest_version": 3, "name": "Image Downlo.. 더보기 Selenium 크롤러의 진화: 안티봇 탐지를 피하는 우아한 방법 웹 크롤링 시스템 개선: 안티봇 탐지 우회와 안정성 향상최근 우리 팀은 웹 크롤링 시스템을 대폭 개선하는 작업을 진행했습니다. 이 글에서는 크롤링 시스템의 안정성을 높이고 안티봇 탐지를 우회하기 위해 적용한 다양한 전략들을 공유하고자 합니다. 1. 인프라 구성 개선1.1 패키지 의존성 추가크롤링 시스템의 안정성을 높이기 위해 필요한 시스템 패키지들을 추가했습니다. 특히 헤드리스 Chrome 브라우저가 정상적으로 동작하기 위해 필요한 다양한 의존성들을 식별하고 추가했습니다.packages: cups-libs: [] cups: [] cups-client: [] cups-devel: [] libXScrnSaver: [] nss: []이러한 패키지들은 다음과 같은 목적으로 추가되.. 더보기 Flutter로 만든 안드로이드 앱 플레이스토어 출시하기 (초보자도 가능한 A to Z) 안녕하세요! 오늘은 제가 Flutter로 개발한 앱을 플레이스토어에 등록하면서 겪었던 과정과 노하우를 공유하려고 합니다. 처음 출시를 준비하면서 여러 블로그를 찾아봤는데, 막상 실전에서는 또 다른 이슈들이 많이 발생하더라구요. 저처럼 첫 출시를 앞두고 계신 분들에게 도움이 되었으면 좋겠습니다! 1. 개발자 계정 등록하기 (25달러의 첫 관문)첫 단계는 Google Play Console에 개발자로 등록하는 것입니다. 한 번만 내면 평생 쓸 수 있는 25달러... 투자한다고 생각하면 그렇게 부담스럽진 않았어요 😅Google Play Console에 접속구글 계정으로 로그인개발자 계정 만들기 클릭개발자 약관 동의 및 25달러 결제개발자 정보 입력 (개인/법인 선택 가능)TIP: 법인카드가 없다면 일반 신용.. 더보기 크롬 확장프로그램 개발 실전 가이드 (feat. 삽질 방지 팁) 내가 크롬 확장 프로그램을 만들면서 배운 것들 🚀안녕하세요! 오늘은 제가 크롬 확장 프로그램을 개발하면서 겪은 이야기와 유용한 팁들을 공유하려고 합니다. 처음에는 저도 'manifest.json이 뭐야?' 하면서 멀뚱멀뚱 쳐다보기만 했는데요, 이제는 제법 익숙해져서 이렇게 글도 써보네요! 😅크롬 확장 프로그램이 도대체 뭐길래?쉽게 말해서, 크롬 브라우저를 여러분 입맛대로 커스터마이징 할 수 있게 해주는 작은 프로그램이에요. 마치 스마트폰에 앱을 설치하는 것처럼, 브라우저에 추가 기능을 설치하는 거죠. HTML, CSS, JavaScript만 알면 누구나 만들 수 있어요. (물론 저처럼 처음엔 삽질을 좀 하겠지만요 😂)왜 확장 프로그램을 만들어야 할까요?음... 제 경우는 매일 아침 열어보는 사이트가.. 더보기 각산마을 상권 활성화 프로젝트: 디지털로 되살리는 우리 동네 1. 프로젝트 개요프로젝트 배경과 목적내가 태어나고 자란 고향 각산마을의 상권을 부활시키고 싶은 마음에서 시작했습니다. 현재 종이 지도로만 제공되는 상점 정보를 디지털화하여, 더 많은 사람들이 쉽게 접근하고 이용할 수 있도록 하는 것이 목표입니다.각산마을 소개지역적 특성경북 구미시에 위치한 전통적인 주거지역오래된 골목상권과 새로운 상점들이 공존하는 곳지하철역과 가까워 접근성이 좋음현재 상권 현황종이 지도로만 상점 정보 제공디지털 정보의 부재로 젊은 층의 방문이 적음활성화 잠재력은 있으나 홍보 부족예상 기대효과상점 정보의 디지털화로 접근성 향상젊은 세대의 방문 증가지역 상권 활성화마을의 디지털 전환 시작점이 될 것으로 기대2. 기획 및 준비 과정상점 데이터 수집 계획종이 지도 기반 현장 조사직접 발로 뛰며.. 더보기 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.. 더보기 손안의 금리단길: 각산마을 디지털 지도 앱 개발기 여러분은 새로운 동네를 탐험할 때 어떤 방법을 사용하시나요? 네이버 지도? 카카오맵? 아니면 현지인의 추천? 오늘은 구미의 핫한 문화거리 '금리단길'과 '각산마을'을 더 스마트하게 즐기는 방법에 대한 이야기를 들려드리려 합니다.💡 종이지도에서 시작된 영감 "이렇게 좋은 정보가 종이에만 있다니, 너무 아쉽지 않나요?"금리단길 사람들이 제작한 각산마을 종이 지도를 처음 접했을 때의 생각입니다. 상점들이 카테고리별로 깔끔하게 정리되어 있고, 위치도 한눈에 파악할 수 있었죠. 하지만 종이지도의 한계는 분명했습니다.실시간 업데이트가 어렵다새로 생긴 맛집 정보를 추가하기 힘들다상세 정보 확인이 불가능하다이런 불편함을 해소하고자 '각산마을 디지털 지도 앱' 프로젝트를 시작하게 되었습니다.🗺️ 디지털로 진화하는 각.. 더보기 이전 1 2 3 4 ··· 22 다음
