브라우저의 Picture-in-Picture 기능을 활용해서 만든 도구 모음을 소개합니다.
도구 아이콘을 클릭하면 PIP 모드로 열립니다.
가끔 색상 선택기를 사용할 때 브라우저 창(혹은 탭) 을 옮겨야 하는 불편한 경우가 있어 만들게 되었습니다.
현재 지원하는 기능은 다음과 같습니다.
- 시계: 현재 시간 표시
- 타이머: 카운트다운 타이머
- 색상 선택기: 색상 코드 추출 및 복사
- 이미지 리사이즈: 이미지 크기 조절
- 번역기: 다국어 번역 ( 크롬 번역 API 활용 )
- 메모: 간단한 텍스트 메모
- 룰렛: 랜덤 선택 게임
계산기, 단위 변환기, 스크립터, 이미지 워터마크 등을 추가할 계획중에 있고,
좌측 하단의 버튼을 통해 의견 주시면, 적극 반영하겠습니다.
필요한 도구가 있다면 의견 부탁드려요.
감사합니다.
Next.js React TypeScript react-document-pip
https://kangbit.github.io/posts