본문 바로가기

웹개발

크롬 확장프로그램 개발기: 이미지 다운로더 만들며 배운 것들 주말에 만든 크롬 확장프로그램 출시 이야기 - 이미지 다운로더 개발기 🚀💡 시작하게 된 계기디자이너 친구가 "웹사이트에서 이미지 여러 개 다운받을 때마다 우클릭하기 너무 귀찮다"는 말을 했습니다. "그거 확장프로그램으로 만들어볼까?" 하는 가벼운 마음으로 시작한 프로젝트였죠.🛠 주요 기능페이지 내 모든 이미지 자동 스캔숨겨진 이미지까지 전부 찾아냅니다이미지 크기와 해상도 정보 제공스마트 필터링파일 크기별 필터 (Small 1MB)파일 형식별 필터 (JPG, PNG, GIF, 기타)파일명 검색 기능편리한 다운로드선택한 이미지만 다운로드진행률 표시자동 파일명 정리🔧 기술 스택과 구현 포인트Manifest V3 설정{ "manifest_version": 3, "name": "Image Downlo.. 더보기
크롬 확장프로그램 개발 실전 가이드 (feat. 삽질 방지 팁) 내가 크롬 확장 프로그램을 만들면서 배운 것들 🚀안녕하세요! 오늘은 제가 크롬 확장 프로그램을 개발하면서 겪은 이야기와 유용한 팁들을 공유하려고 합니다. 처음에는 저도 'manifest.json이 뭐야?' 하면서 멀뚱멀뚱 쳐다보기만 했는데요, 이제는 제법 익숙해져서 이렇게 글도 써보네요! 😅크롬 확장 프로그램이 도대체 뭐길래?쉽게 말해서, 크롬 브라우저를 여러분 입맛대로 커스터마이징 할 수 있게 해주는 작은 프로그램이에요. 마치 스마트폰에 앱을 설치하는 것처럼, 브라우저에 추가 기능을 설치하는 거죠. HTML, CSS, JavaScript만 알면 누구나 만들 수 있어요. (물론 저처럼 처음엔 삽질을 좀 하겠지만요 😂)왜 확장 프로그램을 만들어야 할까요?음... 제 경우는 매일 아침 열어보는 사이트가.. 더보기
2024년 웹 개발자가 알아야 할 Ajax와 REST API의 주요 차이점 현대 웹 개발에서 클라이언트와 서버 간 데이터 통신의 중요성은 점점 더 증가하고 있습니다. 이러한 트렌드는 웹 개발자들이 실시간 데이터 통신 기술에 더 많은 관심을 기울이게 만들고 있습니다. 사용자는 반응성 높은 웹 환경을 기대하며, 개발자는 이러한 기대를 충족시키기 위해 다양한 기술을 활용합니다. 그중에서도 Ajax와 REST API는 웹 개발자에게 필수적인 개념입니다. 이 글에서는 두 기술의 이론적 배경과 주요 차이점을 심도 있게 분석하고, 2024년의 웹 개발 환경에서 이러한 기술들이 어떻게 사용되는지에 대해 논의합니다.Ajax(Asynchronous JavaScript and XML) 이해하기Ajax의 정의와 작동 방식Ajax는 JavaScript를 사용하여 서버와 비동기적으로 데이터를 주고받아,.. 더보기