PIP Tools
PIP로 떠다니는 도구들! 브라우저를 멀티태스킹의 천국으로!
KangBit
@KangBit
스크린샷
소개
브라우저의 Picture-in-Picture 기능을 활용해서 만든 도구 모음을 소개합니다.
💡 왜 만들었나요?
색상 선택기를 가끔 사용하는데, 굳이 별도 앱을 설치하고 싶지는 않았습니다.
웹에서 제공하는 색상 선택기들의 경우에는 브라우저 창(혹은 탭)을 이동시켜야 하는 경우가 있어서 불편했습니다.
✨ 어떤 기능을 제공하나요?
시계: 현재 시간 표시
타이머: 카운트다운 타이머
색상 선택기: 색상 코드 추출 및 복사
이미지 리사이즈: 이미지 크기 조절
번역기: 다국어 번역 ( 크롬 번역 API 활용 )
메모: 간단한 텍스트 메모
테일윈드 검색기: tailwindcss 클래스 검색
스도쿠: 스도쿠 게임
테트리스: 테트리스 게임
##🚀 앞으로 어떤 기능을 추가할 생각인가요?
계산기, 단위 변환기, 스크립터, 이미지 워터마크 등을 계획중에 있습니다.
그 외에도 필요한 도구가 있다면 좌측 하단의 contact 를 통해 의견 주세요.
적극 반영하도록 하겠습니다.
🛠️ 기술 스택
Next.js
React
TypeScript
react-document-pip
기술 스택
Next.jsReactTypeScriptreact-document-pip
월 운영 비용
무료 🎉
- →Title을 60자 이내로 줄이세요.
- →160자 이내로 줄이세요.
- →주요 키워드를 포함한 H1 태그를 하나 추가하세요.
- →도메인 루트에 robots.txt를 생성하세요.
- →sitemap.xml을 생성하고 등록하세요.