도움말

이 사이트가 생긴 이유

제일 큰 이유중 하나는 '웹에서 할 수 있는 일은 많다'는걸 증명하고자 했습니다. (이거 웹에서도 되는데..?)

보안 부분을 제외한 정말 많은일은 프론트엔드에서 처리할 수 있는데, 불필요하게 서버를 사용하는 경우가 좀 답답해보였고 앞으로의 웹은 프론트엔드 부분에서 많은일을 할 수 있을것 입니다.

제 의견으로는 단순히 랜덤숫자를 뽑는데, 로또번호를 랜덤 생성하는 등에는 서버를 사용하지 않았으면 합니다.

두번째 이유로는 기존에 티스토리에서 각종 툴을 게시하여 관리했습니다.

그런데, 티스토리 서비스가 다 좋은데 HTML/JS 편집이 자동으로 수정되어 불편한 점, 툴마다 다른 설정이 불가능한 점 등이 있었고

이렇게 툴을 유지관리하는데 부적절했는데, 제가 글마다 툴을 제각각 만들다보니 일관성이 없는 UI등 이용자에게도 불편하다고 판단하여 옮길 생각을 계속하고 있었습니다.

그러나, 이전 작업이 간단한 일이 아니라 계속 미루고 있었는데 마침 시간이 될 때 작업에 착수하여 완료하게 되었습니다.

세번째 이유로는 몰라서 못쓰는 좋은 프로그램이 많은데

좋은 오픈소스 프로그램을 체험해보고, 프로그램을 설치해서 이용할 수 있도록 소개하는 역할을 해보려고 합니다.

저는 하루 일과의 일부를 오픈소스 프로젝트를 찾는데 사용합니다.

그러다 보면 좋은 프로그램이 많은데 국내에 소개가 안된 경우가 매우 많습니다.

이런 오픈소스들을 소개하는 용도로 체험 툴을 이용하고, 본문에 링크해둔 원본 소스가 필요한 경우 사용할 수 있도록 합니다.

마지막 이유로는 저도 컴퓨터로 작업을 하다보면 각종 프로그램이 필요한데 아무래도 필요한게 여러군데에 흩어져있기도 하고.. 복잡하기도 하고.. 설치도 귀찮고..

차라리 필요한걸 간단하게 직접 만들어서 쓰는게 더 나을것 같아서 만들게 되었습니다.

그래서 복잡한 설정과 많은 기능보다는 필요한 설정과 필요한 기능만으로 '쉽게 사용할 수 있도록' 설계하고 있습니다.

목표

설명을 읽지 않고도 '쉽게 사용가능한 툴'을 만드는 것
번거로운 설치과정없이, '유용하다고 판단되는 툴'을 지원
설명을 읽어야 한다면, 쉽게 이해할 수 있도록 작성

원하는 툴이 없거나, 개선할 부분을 찾았다면? 추가신청/개선 문의를 해보세요.

특정 기기에서만 제공되는 프로그램중 모바일에서도 사용하고 싶거나, 그 반대의 경우에도 문의주셔도 됩니다.

신청한다고 모두 제작가능한건 아닙니다. 이해부탁드립니다.
타 서비스에 무조건 의존해야되는 경우에는 어렵습니다.
설치형 프로그램에서만 가능한 몇몇 기능이 있어 모든 설치형 프로그램을 대체할 수 없습니다.

사용법

목록 보기

가장 기본적인 기능으로 목록은 홈 버튼(좌상단의 'hi098123 Tools')을 누르면 볼 수 있습니다.

목록에는 주제별로 분류되어있고, 여러 주제에 포함된 경우 중복으로 표기되어 있습니다.

검색기능을 통해 툴을 찾아볼 수 있습니다.

검색

검색은 구글과 같이 엄청난 알고리즘을 사용하는게 아니라, 단순히 단어를 통해 매칭합니다.

PC에서는 좌상단 '즐겨찾기' 위에 있고, 모바일에서는 메뉴 안에 있습니다.

원하시는 결과를 얻으려면 중요한 단어 한개로 검색하는게 좋습니다.

만약 필요하신 툴을 발견하지 못했다면, 추가신청을 해보세요.

탭

아래의 탭은 좌우로 스크롤할 수 있는 버튼들이 있습니다.

1번 내용.. (위의 버튼을 드래그해보세요!! >>>>>>>>>)

5번 내용..

(화면에 표시가능한 개수를 넘는 경우 버튼을 좌우로 드래그하여 스크롤 가능)

즐겨찾기

'즐겨찾기' 기능은 자주 사용하는 툴을 메뉴에 놓을 수 있는 기능입니다.

2022년 1월 업데이트로 추가되었으며, 아직 위치를 조절하는 기능은 없습니다.

브라우저

지원 브라우저

지원 브라우저는 구형 기기에서도 이용가능하도록 IE10 이상을 지향하고 있습니다.

그러나 일부 툴(또는 기능)은 지원하지 않을 수 있습니다.

IE를 지원하는 목적보다는 구형 스마트폰도 지원하는것을 중점적으로 보고 있습니다.

오픈소스 사용시 미지원 브라우저를 위해 별도의 변환과정을 거치기도 합니다.

앱(PWA 설치)

이 사이트는 각각의 Tool 별로 앱형태로 설치가 가능합니다.

모바일 기기에서는 메뉴 또는 설정에서 '홈 화면에 추가'기능을 통해 설치하시면 앱 형태로 이용가능합니다.

PC에서도 설치버튼이 떠서 설치후 앱형태로 이용가능합니다.

자주 사용하는 툴을 설치해서 사용할 수 있습니다.

(앱으로 설치하여도, 처음 페이지 로딩에는 인터넷연결이 필요합니다.)

브라우저 관련 팁, 성능

웹에서의 작업은 대부분 CPU 성능에 따릅니다.

일반적으로 최신 기기에서 실행시 빠르며, 크롬/파이어폭스 등 현대적 브라우저에서 빠릅니다.

가급적으로, 크롬 계열 브라우저 사용을 권장드립니다.

코드 성능 최적화는 크롬계열과 파이어폭스에서 우위가 다를때 사용자가 많은 크롬계열을 기준으로 최적화를 하고있습니다.

크롬계열 브라우저 목록 : 크롬, 엣지, 웨일, 오페라, 삼성 모바일 브라우저 등

브라우저라서 좋은점

OS를 가리지 않고 지원 : 윈도우(Windows), 맥(Mac), 리눅스 계열(Linux), 안드로이드(Android), 아이폰 계열(IOS) 모두 이용가능!
더 나은 보안 : 권한은 브라우저상에서 설정가능하고, 사용자가 쉽게 제어가능합니다.
- 서버로 파일을 전송하지 않기 때문에 파일 보안에 좋습니다.
무설치 : 번거로운 앱(프로그램) 설치 과정 없이 웹 페이지 로딩만으로 이용가능!!
무제한 : '파일 용량', '이용 횟수'등을 제한하는 서버기반 서비스와는 달리 무.제.한입니다.
- 서버는 자원(CPU, Network 등)의 한계 때문에 제한하는 경우가 많습니다.

단점

* 기기 사양에 따라 속도가 달라지고, 고사양의 코드는 활용하기 어렵습니다.

* IOS의 모바일 기기는 파일을 지원하지 않아 수정한 파일을 저장하기 어렵습니다.

자주 묻는 질문

오프라인에서 사용가능한가요?

아니요. 인터넷이 연결된 경우에만 페이지를 열 수 있습니다.

그러나, 인터넷 화면을 켜둔 상태로 새로고침을 하지않는다면 인터넷이 끊긴 상황에서도 대부분 이용가능합니다.

업무용으로 써도 되나요?

네. 무료로 사용가능한 웹 소프트웨어로 개인/기업에 관계없이 사용가능합니다.

또한 업무에 특화된 툴도 유용하고 필요로 한다고 판단되면 제작하고 있습니다.

'반복적으로 하시는 작업'중에 원하시는 툴이 있다면 추가신청을 해보세요!

컴퓨터는 동일작업을 반복하기위해 설계되어있습니다. 일은 컴퓨터에게 하도록하세요.

유튜브나 커뮤니티(카페, 사이트 등)에 퍼가도 되나요?

네. 툴을 활용하여 영상을 찍거나, 함께 즐기는것을 환영합니다.

페이지에 있는 공유하기 버튼을 눌러 주소를 복사하여 공유하세요!

오류 제보

오류를 발견하셨나요?

제보 부탁드립니다.

각각의 툴 페이지의 하단에 제보 링크가 있습니다.

우선적으로 툴 하단의 링크를 통해 '자세히' 제보해주세요.

예시: 어떤툴에서 어떻게할때 오류 발생합니다.

소스코드

어떤 오픈소스가 사용되나요?

폰트
- XEIcon(OFT1.1/MIT): xpressengine/XEIcon
  
  - 아이콘 표시용도로, style.css/manifest에 포함되어있음.
- 고운돋움(OFT1.1): yangheeryu/Gowun-Dodum
  
  - 사이트 기본 폰트로 채택: 2022-01-18
- Material design icons(Apache-2.0): google/material-design-icons
  
  - 일부 아이콘에 SVG형태로 다운로드 하여 사용
  
  - Manifest에 아이콘용도로 사용
- Font Awesome Icons(CC BY 4.0 License): Font Awesome
  
  - 일부 아이콘에 SVG형태로 다운로드 하여 사용
  
  - Manifest에 아이콘용도로 사용
자바스크립트
- rangeSlider(MIT): Stryzhevskyi/rangeSlider
  
  - rgb-hex등 에서 슬라이더를 꾸미는데 사용
- download.js(cc4.0): danml.com
  
  - 다운로드 처리시 사용
- jszip(MIT): Stuk/jszip
  
  - 압축 다운로드 처리시 사용
  
  - 라이센스는 MIT 또는 GPL중에서 선택하도록 되어있는데 MIT로 사용.

위의 오픈소스는 사이트에서 범용적으로 사용되며, 이외에 개별 툴에는 오픈소스의 경우 소스상에 라이센스 표기가 되어있습니다.

대부분의 기능은 브라우저의 내장기능(네이티브)을 사용하거나, 직접 제작하여 제공하고 있습니다.

사이트 내 소스코드 안내

프로그램 동작을 위해 필요한 소스코드(또는 변형(minify, beautify 등)코드)를 다른곳에 게시하거나, 이용하는 경우에는 관련 법에 따라 민·형사상 처벌받으실 수 있습니다.

애드블럭

광고.. 저도 광고가 싫습니다. 🤔

그래서 이 소개페이지나 일부 페이지에는 아예 광고를 넣지 않았습니다.

하지만, 적당한 사이트 유지비용은 필요하니 프리미엄 상품을 만들었습니다.

6,000원에 1년간 광고없이! (한달 500원으로 광고없이 모든 툴을 이용하세요!)

이 사이트에서 광고는 페이지당 최대 1개로 광고로인한 불편을 최소화 하고자 노력했습니다.

작은 광고 1개만 뜹니다. 이 사이트에서만 애드블럭을 비활성화 하실 수 있습니다.

애드블럭을 꺼주시거나 프리미엄 로그인하여 이용부탁드립니다!

개인정보 처리방침

이 사이트(https://t.hi098123.com 기준) 자체적으로는 개인정보를 처리하지 않습니다. (쿠키도 사용하지 않습니다.)

비회원 이용상태에서는 단순히 웹페이지 로딩만을 처리하므로 개인정보를 처리할 점이 없으나, 몇 가지 서드파티를 이용합니다.
(서드파티에서는 개인정보를 처리할 수 있습니다.)

광고 및 통계 서비스 (제3자): 구글

이 사이트는 광고 및 통계측정을 위해 구글이 제공하는 애드센스와 애널리틱스를 사용합니다.

구글의 처리방침은 구글 개인정보처리방침을 확인해주세요.

CDN (제3자): 클라우드플레어, 패스틀리, Gcore

이 사이트는 CDN 서비스 및 원활한 네트워크 제공을 위해 클라우드플레어, 패스틀리, Gcore의 CDN 서비스 등을 때에 따라 섞어서 이용합니다.

각 회사의 개인정보처리방침은 클라우드플레어, 패스틀리, Gcore 링크를 확인해주세요.

※ CDN 서비스: 이미지, 폰트 등 정적인 파일을 네트워크로 전송해주는 역할을 담당합니다.
빠른 로딩을 위해 적절히 나눠서 리소스를 로딩합니다.

도움말

목차