Bear Dev. Store & Lab

YouTube Loop Pro

Bear Dev. — Mon, 9 Mar 2026 22:39:01 +0900

YouTube Loop Pro가 오늘 크롬 웹스토어에 게시되었습니다.

유튜브 이용시 간단히 반복구간을 지정하여 반복 시청이 가능합니다.

쉽게 사용 가능하니 지금 바로 사용해보세요^^

YouTube Loop Pro 크롬 웹스토어에서 다운받기

내가 쓰려고 만든 궁극의 클립보드 매니저, 'Clip Stack' 개발기

Bear Dev. — Sun, 8 Mar 2026 16:19:14 +0900

매일 수많은 텍스트와 이미지를 복사(Ctrl+C)하고 붙여넣기(Ctrl+V)하는 우리.

하지만 방금 전에 복사했던 내용이 기억나지 않거나, 덮어씌워져서 다시 원래 페이지를 찾아가 다시 복사해야 했던 킹받는 경험, 다들 한 번쯤 있으시죠?

이런 일상적인 불편함을 해결하기 위해 수많은 클립보드 관리 앱들이 존재하지만, 무언가 하나씩 나사가 빠져있거나 유료 결제를 유도하는 경우가 많았습니다.

그래서 결심했습니다. "직접 내 입맛에 맞는, 가장 빠르고 편한 클립보드 매니저를 만들자!" 그리고 기본적인것은 무료로 잘 쓸 수 있게 만들어보자!

그렇게 탄생한 크롬 확장 프로그램 [Clip Stack]의 밀도 높은 개발기를 공유합니다.

1. 왜 만들었는가? (Problem & Goal)

기존 확장 프로그램이나 별도 앱들의 단점은 명확했습니다.

접근성이 떨어진다. (단축키가 안 먹히거나 앱을 따로 켜야 함)
이미지 저장이 안 된다. (텍스트만 됨)
UI가 촌스럽거나 너무 복잡하다.
웹페이지의 보안 스크립트와 충돌해서 수집이 누락된다.

나의 목표 (Goal)

복사(Copy)와 잘라내기(Cut)를 하는 순간 0.1초의 지연 없이 100% 무조건 등록할 것!
텍스트는 물론이고 이미지(화면 캡처)도 완벽하게 수집할 것!
투박한 디자인은 가라, 프리미엄 골드톤의 글래스모피즘(Glassmorphism) UI를 입힐 것!

2. 핵심 기능 탑재 (Core Features)

설계에 들어간 Clip Stack의 MVP 버전은 가볍고 단단하게 만들어졌습니다.

텍스트와 이미지의 완벽한 분리 탭

가장 많이 쓰는 두 가지 자료, 텍스트와 이미지를 탭으로 분리하여 각 최대 6개씩 저장할 수 있도록 했습니다. 사용자가 팝업을 열자마자 바로 확인할 수 있고, 1 클릭으로 즉시 다시 복사하여 사용할 수 있습니다.

실시간 '선제적 텍스트 추적' (Proactive Tracking)

단순히 copy 이벤트만 잡는 것이 아닙니다. 사용자가 마우스로 텍스트를 드래그하고 마우스를 떼는 순간(mouseup & selectionchange), 확장 프로그램은 미리 그 텍스트를 메모리에 올려두고 복사 명령이 내려오기만을 기다립니다. 이렇게 함으로써 웬만한 사이트들의 어설픈 복사 방지 로직이나 간섭 스크립트를 전부 무력화하고 텍스트를 낚아챕니다.

골드빛 알림 피드백

다시 복사하기 위해 항목을 클릭하면 딱딱하고 촌스러운 팝업 대신, 해당 타일이 반짝거리는 '골드라이트 시각 효과'를 넣어 직관적인 경험을 더했습니다.

3. 위기와 트러블 슈팅 (NotFocused 에러 완파기)

개발 과정이 순탄치만은 않았습니다. 가장 골치를 썩였던 치명적인 버그가 있었으니...

"분명 복사를 했는데, 팝업을 열면 내용이 안 나와요!"

[원인 분석]
확장 프로그램의 팝업 창이 열리는 그 찰나의 0.1초 동안, 최신 크롬 브라우저는 *"아직 이 팝업 창이 활성화(Focus)되지 않았다"* 며 보안을 이유로 navigator.clipboard.readText() API의 접근을 무참히 튕겨내버리고 있었습니다. (DOMException: NotAllowedError) 이 때문에 동기화 스크립트 자체가 죽어버리는 현상이었죠.

[해결책 (v1.4.2)]

독립 스레드 파이프라인: 텍스트 동기화가 에러가 나도 이미지 동기화는 멈추지 않도록 둘의 실행 로직을 철저히 분리했습니다.
강제 추출 폴백 (execCommand Fallback): 브라우저가 최신 클립보드 API를 막는다면, 구관이 명관! 무식하지만 절대 실패하지 않는 구형 방식인 숨겨진 textarea를 만들고 document.execCommand('paste')를 실행하여 텍스트를 강제로 끄집어내는 초강력 폴백을 심어두었습니다.

이제 팝업을 언제 어떤 방식으로 열든 클립보드 내용은 단 1건의 누락도 없이 동기화됩니다.

4. 디자인 폴리싱: "디테일이 명품을 만든다"

아무리 기능이 좋아도 눈이 아프면 쓰지 않게 됩니다.

프리미엄 골드 아이콘: AI로 대충 만든 뭉개진 이미지는 치워버리고, OS 네이티브 렌더링(System.Drawing) 스크립트를 직접 짜서 오차 하나 없는 픽셀 퍼펙트의 거대하고 쨍한 '핫핑크' 였다가, 최종적으로 '외곽선이 들어간 고급스러운 골드 번개 마크' 로 커스텀 벡터 아이콘을 깎아 넣었습니다.
가독성 1.6배 향상: 개인정보처리방침이나 버전 히스토리 페이지의 줄 간격을 넓히고 여백을 조정해 눈이 편안해지도록 구성했습니다. 덤으로, 앱 내 우측 하단에 [사용 설명서] 모달을 넣어 초심자도 숨겨진 기능(단축키 시너지 등)을 바로 파악할 수 있게 배려했습니다.

5. 마치며

나의 사소한 빡침(?)에서 시작한 토이 프로젝트가 이렇게 단단한 구조의 '프리미엄 클립보드 툴'로 진화하게 될 줄은 몰랐습니다.

브라우저의 깊은 보안 정책 우회 기술
비동기 에러의 철저한 Fallback 처리 로직
가독성과 심미성을 챙기는 UI/UX 감각

이번 Clip Stack V1.4.6 Ultimate Build 개발은 위 세 가지를 정말 뼈저리게 배울 수 있었던 훌륭한 생존 게임이었습니다.

이제 저는 수시로 복사/붙여넣기를 안심하고 남발(?)하며 더욱 편하게 작업할 수 있게 되었습니다! 여러분도 기회가 된다면 일상의 아주 사소한 불편함을 코드로 직접 부숴버리는 쾌감을 느껴보시길 바랍니다.

YouTube Loop Pro 웹스토어 등록

Bear Dev. — Sun, 8 Mar 2026 13:16:35 +0900

드디어 크롬웹스토어에 등록 신청했습니다.

보통 3~5일이면 등록되는 것 같던데, 등록이 완료되면 다시 링크 걸겠습니다^^

[출시예정] 유튜브 반복 시청의 끝판왕: YouTube Loop Pro (v1.2.0)

Bear Dev. — Sun, 8 Mar 2026 01:26:16 +0900

유튜브로 음악을 듣거나, 특정 강의의 핵심 구간을 무한 반복하고 싶을 때 있으시죠? 순정 유튜브의 반복 기능은 영상 전체만 가능해서 늘 아쉬움이 남았습니다.

오늘 소개할 YouTube Loop Pro는 그 아쉬움을 '프리미엄'하게 해결해주는 브라우저 확장 프로그램입니다. Bear Dev.의 시그니처 감성을 담아 제작된 이 앱의 매력을 미리 공개합니다! ✨

1. 시그니처 골드 테마 & 디자인

단순한 기능성 툴을 넘어, 유튜브 블랙 모드에 최적화된 Premium Gold (#FFD700) 테마를 적용했습니다. 플레이어 바에 자연스럽게 스며드는 우아한 아이콘과 직관적인 UI는 'Pro'라는 이름에 걸맞은 시각적 만족감을 선사합니다.

2. 전문가용 인피니티 루프 (A-B 반복)

복잡한 설정 없이 단 2번의 클릭으로 원하는 구간을 무한 루프로 만듭니다.

클릭 1: 현재 시점을 A(시작점)로 고정
클릭 2: 현재 시점을 B(종료점)로 설정 즉시 반복 시작!
클릭 3: 즉시 리셋 및 일반 재생 모드 복귀

루프 아이콘 우측에 실시간으로 표시되는 구간 인디케이터를 통해 현재 내가 어떤 구간을 반복 중인지 0.1초 만에 확인 가능합니다.

3. 투명한 개발 & 강력한 프라이버시

Bear Dev.는 사용자의 신뢰를 최우선으로 합니다. 팝업창을 통해 누구나 다음을 확인할 수 있습니다.

Dev History: v1.0부터 지금까지의 개발 이력과 향후 AI 요약 기능 등 로드맵 공개
개인정보처리방침: 어떠한 데이터도 외부 서버로 전송하거나 수집하지 않는 '클린' 원칙 고수

4. 누구나 쉽게, 친절한 사용설명서

처음 사용하는 분들도 당황하지 않도록 앱 내부에 세련된 가이드 모달을 탑재했습니다. 클릭 위치 안내부터 꿀팁까지, 설명서 하나로 전문가처럼 루프 기능을 사용할 수 있습니다.

곧 크롬 웹스토어에 심사 등록 예정입니다. 출시가 완료되는 대로 다운로드 링크와 함께 다시 찾아오겠습니다.

픽셀 워커, 재미로 만들어 본~

Bear Dev. — Sat, 7 Mar 2026 06:05:47 +0900

재미로 만들어 본 픽셀 워커란 게임입니다.

와우~ 이 글을 쓰는 동안 피버타임이 떴네요~ 스샷 찍느라...ㅠ.ㅜ

그냥 띄워놓고 나는 내 할 일만 하면 자동으로 업하는 게임입니다.

만들면서 이것저것 치다 보니 벌써 7레벨이나 되었네요 ㅋㅋ

아무튼 조금 더 손 보고 공유하겠습니다^^

즐거운 하루 되세요~

[업데이트] QuickFolder Ver 1.1: 0.1초와 1px의 디테일까지 잡았습니다

Bear Dev. — Sat, 7 Mar 2026 03:05:46 +0900

안녕하세요, Bear Dev입니다!

윈도우 환경을 더 아름답고 효율적으로 만드는 QuickFolder가 더욱 견고하고 똑똑해진 모습으로 업데이트되었습니다. 이번 1.1 버전은 단순히 기능을 추가하는 것을 넘어, 사용자가 앱을 조작하는 모든 순간에 느낄 수 있는 '디테일'과 '매끄러움'에 집중했습니다.

어떤 점들이 달라졌는지 지금 바로 확인해 보세요!

1. 폴더 개수에 비례하는 '지능형 다이나믹 높이'

이제 창 크기가 고정되어 있지 않고, 사용 중인 폴더 수에 따라 유연하게 변합니다.

컴팩트한 무료 버전: 6개 이하의 폴더를 사용할 때는 화면 점유를 최소화하도록 높이가 최적화(약 310px)됩니다.
성장하는 프로 버전: 폴더가 추가되어 줄이 늘어날 때마다 창 높이가 자동으로 130px씩 부드럽게 확장됩니다.

Benefit: 필요한 만큼만 커지는 스마트한 레이아웃으로 데스크탑 공간을 더 효율적으로 사용하세요.

2. ⚡ 혁신적인 'Pro 활성화' UX (0.5초 컷!)

라이선스 키를 입력하는 과정에서 발생하던 모든 번거로움을 제거했습니다.

Prefix 자동 입력: 인증 창을 열면 PRO- 접두어가 이미 입력되어 있어 바로 키값만 입력하면 됩니다.
즉시 하이픈(-) 생성: 4자리를 입력하는 찰나에 자동으로 하이픈이 붙어 오타 없이 입력을 이어갈 수 있습니다.
UI Swap 디자인: 인증 성공 시 "취소" 버튼이 사라지고, 그 자리에 "인증되었습니다! ✨" 메시지가 나타나 직관적인 피드백을 제공합니다.

3. 끊김 없는 조작, '대화창 잠금(Dialog Lock)'

폴더를 선택하거나 시스템 창을 볼 때 창이 갑자기 닫혀 당황스러우셨던 경험, 이제는 없습니다.

상태 보존: 폴더 선택 창(탐색기)이나 안내창이 떠 있는 동안에는 마우스 위치와 상관없이 창이 절대 접히지 않도록 잠금 기능을 추가했습니다.
완성된 작업 흐름: 모든 작업이 끝난 후에만 자동으로 접히게 되어, 작업의 흐름이 끊기지 않고 이어집니다.

4. 무결점 비주얼 & 모션 최적화

눈에 보이지 않는 미세한 불편함까지 해결했습니다.

Jitter-Free 애니메이션: 아이콘이 나타날 때의 미세한 떨림 현상을 하드웨어 가속 최적화를 통해 해결했습니다.
엣지 아이콘 버그 수정: 화면 가장자리 폴더에 마우스를 올릴 때 발생하던 미세한 가로줄(스크롤바) 현상을 차단하여 시각적 완결성을 높였습니다.

5. 가장 필요한 것만 먼저, 시작의 단순화

처음 앱을 실행할 때 나타나는 복잡한 예시들을 정리했습니다.

이제 누구나 가장 많이 사용하는 'Desktop(바탕화면)'과 'Download(다운로드)' 폴더만 깔끔하게 기본으로 제공되어 바로 사용을 시작할 수 있습니다.

마무리하며

이번 업데이트는 사용자의 1px, 0.1초를 아끼기 위한 고민의 결과물입니다. 단순한 툴을 넘어 사용자의 손끝에 딱 달라붙는 도구가 되기 위해 QuickFolder는 계속 진화합니다.

곧 런칭 소식을 알려드리겠습니다^^

윈도우용 Dynamic Island 폴더 런처, 'QuickFolder' 커스텀 개발기

Bear Dev. — Fri, 6 Mar 2026 04:17:12 +0900

안녕하세요! 오늘은 최근 Electron을 활용해 제작한 유니크한 폴더 런처, QuickFolder의 개발 과정을 공유해보려 합니다.

단순한 폴더 바로가기에서 한 걸음 더 나아가, 데스크탑 경험을 완전히 바꿔놓을 프리미엄 디자인과 기능을 담았습니다.

1. 기획 의도: "미니멀리즘과 생산성의 만남"

윈도우 환경에서 자주 쓰는 폴더들을 열기 위해 매번 탐색기를 뒤지는 과정이 번거로울 때가 많죠. Apple의 Dynamic Island에서 영감을 얻어, 화면 상단에 콤팩트하게 숨어있다가 필요할 때만 화려하게 펼쳐지는 폴더 전용 '허브'를 만들고 싶었습니다. 물론.. 가장 중요한 이유는 내가 불편해서였죠^^

2. 디자인: "Midnight Aurora" 테마

QuickFolder의 가장 큰 특징은 독창적인 'Midnight Aurora' 테마입니다.

Deep Navy & Purple: 신비롭고 깊은 밤하늘을 닮은 배경색
Aurora Glow: 아이콘과 테두리에 적용된 시안(Cyan) 색상의 은은한 발광 효과
Glassmorphism: 투명도와 블러(Blur)를 활용한 입체감 있는 UI

기성 제품의 느낌을 지우고, 오직 Bear Dev만의 프리미엄 감성을 담아내기 위해 수많은 레이아웃 튜닝을 거쳤습니다.

3. 주요 기능

6x2 콤팩트 그리드: 한 줄에 6개씩, 한 화면에 최대 12개의 폴더를 스크롤 없이 한눈에 확인할 수 있습니다.
스마트 오토하이드(Auto-hide): 창의 제목 표시줄을 가리지 않도록 평소에는 15%의 투명도로 숨어있다가, 마우스를 올리면 즉시 선명해집니다.
Draggable & Freedom: 정해진 위치뿐만 아니라 사용자가 원하는 곳 어디든 드래그해서 배치할 수 있습니다.
멀티 접근 제어: 단축키(Alt+Shift+G)와 마우스 호버, 두 가지 방식 모두 지원하여 접근성을 극대화했습니다.

4. 기술 스택

Framework: Electron (Main process & Renderer process 구조)
Styling: Vanilla CSS (Custom Variables, Flexbox, CSS Grid)
Packaging: Electron-builder (Portable EXE)

긴 폴더 이름을 자동으로 두 줄로 배치하고, 스크롤바 없는 완벽한 한 화면을 만들기 위해 1px 단위로 조정한 보람이 있네요.

어쨌든 조금 더 수정하여 공유하도록 하겠습니다. 일단 오늘은 여기까지~~~~~ 좋은 밤 되세요^^

Auto Visualizer

Bear Dev. — Wed, 4 Mar 2026 01:21:34 +0900

이 프로그램은 mp3나 wav 파일을 넣고,

이미지만 넣어주면 알아서 비주얼라이저를 삽입해 주는 프로그램입니다.

심플하게 만드느라 여러 기능은 넣지 않았지만 몇가지만 간단히 넣고 비주얼라이저와 테마만 설정하면

보다 손쉽게 비주얼라이저가 삽입된 동영상을 생성할 수 있습니다.

한 번 사용해보세요~~~~~

크롬 웹스토어에서 다운 받기

로또 확률 예측기 (Lotto Predictor)

Bear Dev. — Wed, 4 Mar 2026 01:15:00 +0900

로또 확률 예측기를 만들어 보았습니다.

역대 통계와 다이내믹 가중치를 기반으로 로또 번호를 추천하는 확장앱으로 크롬 웹스토어에 등록되어 있습니다.

크롬 뿐만 아니라 웨일이나 코멧, 엣지에도 잘 설치됩니다^^

대박을 위해!!! 달려보아요.

크롬 웹스토어에서 다운로드 하기