본문 바로가기

나의 웹 도구38

나의 도구 #28 | ⛽ 전국 최저 유가 다 모여라~~! TOP 20 기름 넣기 전에 한 번만 비교해 보세요!같은 지역의 주유소라고 기름값까지 같은 건 아닙니다.주유소마다 가격이 다르다 보니 조금만 찾아봐도 더 저렴한 곳을 발견할 수 있습니다.그래서 만들었습니다.⛽ 사용방법은 아주 간단합니다복잡한 설정은 필요 없습니다. 원하는 지역과 기름 종류만 선택하면 됩니다.① 지역 선택먼저 주유소를 찾고 싶은 시·도를 선택합니다.서울, 경기, 부산, 대구, 인천 등 원하는 지역을 고르면 됩니다.② 구·시·군 선택좀 더 좁혀서 찾고 싶다면 구·시·군을 선택합니다.특정 지역이 필요 없다면 ‘전체 지역’으로 두어도 됩니다.③ 유종 선택넣으려는 기름을 선택합니다.휘발유경유고급휘발유④ 조회하기이제 [조회하기] 버튼을 누르면 됩니다.잠시 후 선택한 지역의 주유소 가운데 주소까지 포함된 가격이 .. 2026. 8. 19.
나의 도구 #27 | 추억의 우주선 운전(피하기 게임-모바일/PC 지원) 블로그를 보시다가 잠시 머리를 식히거나, 가볍게 즐길 만한 거리 1분짜리 놀거리가 아쉬울 때 있으셨죠? 그래서 오늘은 브라우저에서 별도의 설치 없이 곧바로 즐길 수 있는 가볍고 중독성 있는 미니 웹 게임을 하나 들고 왔습니다.이름하여 '우주선 운전' 아케이드 게임입니다!🚀 게임 소개 및 특징이번에 제작한 '우주선 운전'은 과거 오락실 감성을 살리면서도, 최신 웹 기술(HTML5 Canvas & JavaScript)을 활용해 별도의 프로그램 설치 없이 가볍고 부드럽게 작동하도록 만들었습니다.실감나는 입체 그래픽: 밋밋한 사각형 도형이 아닙니다! 자체 알고리즘으로 구현된 거친 표면의 3D 입체 운석들과 은은하게 4방향 빛을 내며 반짝이는 우주 배경 속에서 심장 쫄깃한 비행을 즐길 수 있습니다.긴장감을 더하.. 2026. 8. 18.
나의 도구 #26 | 사자성어 마스터 퀴즈 🧩 [사자성어 마스터 퀴즈] 지루할 틈 없는 인터랙티브 사자성어 퀴즈 게임 출시!안녕하세요! 평소에 사자성어를 책으로만 외우려니 쉽게 지루해지셨나요? 그래서 쉽고 재미있게 우리말 사자성어를 익힐 수 있는 '사자성어 마스터 퀴즈' 웹 게임을 만들어 보았습니다].단순히 외우는 암기 방식에서 벗어나, 게임을 즐기듯 자연스럽게 두뇌를 자극할 수 있도록 구성했습니다. 💡 어떤 게임인가요? '사자성어 마스터 퀴즈'는 누구나 웹 브라우저를 통해 간편하게 접속해서 즐길 수 있는 인터랙티브 퀴즈 프로그램입니다.엄선된 풍성한 문제 풀: 총 480여 개 이상의 알찬 사자성어 데이터로 구성되어 있습니다].깔끔하고 직관적인 UI: 다크 모드(Dark Mode)'와 '라이트 모드(Light Mode) 기반의 세련된 디자인으.. 2026. 8. 17.
나의 도구 #25 | 무료 글자수·단어수 계산기 (자소서·블로그 필수 툴) 글쓰기를 하거나 중요한 문서를 작성할 때 가장 난감한 순간 중 하나는 바로 글자수 제한에 부딪혔을 때입니다. 블로그 포스팅, 기업 입사 지원서(자기소개서), 논문, 보고서, 그리고 각종 SNS 글쓰기에 이르기까지 정확한 글자수와 공백을 확인하는 작업은 완성도 높은 글을 쓰기 위한 필수 단계입니다. 별도의 프로그램 설치나 회원가입 없이 누구나 무료로 웹상에서 즉시 텍스트 분량을 확인할 수 있는 실시간 글자수 계산기를 제공합니다.💡 왜 실시간 글자수 계산기가 필요할까요?많은 분들이 워드프로세서나 메모장을 활용해 글을 작성하지만, 플랫폼마다 글자수를 세는 기준(공백 포함 여부, 바이트 계산 등)이 미묘하게 달라 혼란을 겪곤 합니다. 특히 대기업이나 공공기관의 자기소개서 양식은 "공백 포함 500자 이내", .. 2026. 8. 16.
나의 도구 #24 | 전설의 벽돌깨기 오늘은 웹 브라우저만 있으면 별도의 설치 없이 바로 즐길 수 있는 HTML5 Canvas와 순수 자바스크립트(JavaScript) 기반의 '전설의 벽돌깨기' 게임 제작 후기를 공유해 드리려고 합니다.인터넷에서 흔히 볼 수 있는 기본형 벽돌깨기 게임들은 대부분 3~5단계 정도로 구성되어 있어, 재미를 좀 느낄라치면 금방 끝나버리는 아쉬움이 있었습니다. "조금 더 오래 즐길 수 있고, 스테이지마다 깨는 맛이 있는 게임은 없을까?"라는 생각에서 출발해, 이번에 대대적인 리팩토링을 거쳐 총 15단계의 볼륨으로 확장된 스테이지 시스템을 구축하게 되었습니다. 💡 왜 15단계로 확장하게 되었을까? (개발 배경 및 특징)프로그래밍을 공부할 때 바닐라 자바스크립트의 애니메이션과 충돌 감지 알고리즘을 연습하기 가장 좋.. 2026. 8. 15.
나의 도구 #23 | 내 연봉 상위 %, 실수령액 계산기 💡 💸 내 연봉은 대한민국 직장인 중 상위 몇 %일까요?직장 생활을 하면서 남들은 얼마를 벌고 내 연봉이 대략 어느 정도 위치에 있는지 한 번쯤 궁금해진 적이 있으실 겁니다. 복잡한 통계 자료를 일일이 찾아볼 필요 없이, 세전 연봉 입력 한 번으로 나의 소득 상위 퍼센트와 매달 통장에 찍히는 월 실수령액, 예상 공제액을 직관적으로 확인해 보세요.🛠️ 내 연봉 상위 % & 실수령액 계산기> 아래 도구에 세전 연봉(만 원 단위)을 입력하고 결과를 확인해 보세요! 📖 간단 사용 가이드연봉 입력: 현재 받고 계신 세전 연봉을 만 원 단위로 입력합니다. (예: 5천만 원인 경우 '5000' 입력)결과 확인: 대한민국 직장인 기준 대략적인 상위 %와 함께 화려한 테마 카드로 변신합니다.실수령액 체크: 4대.. 2026. 8. 13.
나의 도구 #22 | 해외직구, 관부가세 계산 💡 [소개] 해외직구, 관부가세 폭탄 맞기 전에 미리 계산해 보세요!해외직구의 가장 큰 매력은 국내보다 저렴한 가격에 상품을 구매하는 것이지만, 자칫 면세 한도를 넘기거나 예상치 못한 관세와 부가가치세가 붙으면 오히려 국내에서 사는 것보다 더 큰 비용을 지불하게 될 수 있습니다.특히 국가별 면세 한도(미국 $200, 기타 국가 $150)와 품목별 관세율(일반, 의류, 전자기기 등)이 제각각이라 직접 계산하기가 번거로운데요. 이를 완벽하게 해결하기 위해 실시간 환율을 자동으로 연동하고, 가격을 입력하는 즉시 예상 세금을 계산해 주는 해외직구 관부가세 계산기 웹 도구를 직접 제작하여 적용했습니다. 📖 [사용법] 이렇게 사용하세요!배송지 국가 선택: 미국발 상품은 목록통관 기준 $200 이하가 면세이며,.. 2026. 8. 13.
나의 도구 #21 | 두뇌 회전 슬라이드 퍼즐 (초급 & 고급 세트) 8퍼즐(초급)부터 15퍼즐(고급)까지! 스위치로 난이도를 조절하며 두뇌 회전력을 테스트합니다. 아래 시작 버튼을 눌러 슬라이드 퍼즐 맞추기에 지금 바로 도전해 보세요!🧠 이 게임의 매력 포인트2가지 난이도 선택: 가볍게 즐기는 **8퍼즐(3x3)**과 고난도 집중력이 필요한 **15퍼즐(4x4)**을 클릭 한 번으로 자유롭게 전환할 수 있습니다.실시간 기록 측정: 이동 횟수(Moves)와 소요 시간(Timer)이 기록되어 자신의 최단 시간 단축에 도전할 수 있습니다.무설치 웹 게임: 별도의 다운로드나 로그인 없이 PC와 모바일 브라우저에서 바로 즐기실 수 있습니다.🎯 이런 분들께 추천합니다!공부나 업무 중 머리를 식힐 겸 짧고 굵은 두뇌 자극이 필요하신 분공간 감각과 논리적 사고력을 키우고 싶으신 분.. 2026. 8. 12.
나의 도구 #20 | MBTI 궁합 분석기 1. 소개:인간관계에서 성격 유형은 늘 호기심을 자극하는 주제입니다. 친구, 연인, 직장 동료와의 관계에서 "왜 저 사람은 저렇게 행동할까?"라는 의문이 들 때 MBTI는 훌륭한 실마리를 제공합니다. 이 도구는 복잡하게 찾아볼 필요 없이 나와 상대방의 유형만 넣으면 두 사람의 성향적 특징과 궁합을 직관적으로 확인할 수 있도록 제작되었습니다. 2. 사용 방법 안내내 MBTI 선택: 본인의 성격 유형(예: ENFP, ISTJ 등)을 드롭다운 메뉴나 버튼에서 선택합니다.상대방 MBTI 선택: 궁합이 궁금한 상대방의 성격 유형을 선택합니다.결과 확인: '분석하기' 버튼을 누르면 두 유형 간의 소통 방식, 잠재적 갈등 요인, 이를 극복하기 위한 조언이 요약되어 나타납니다.3. MBTI 궁합의 심리학적 배경 .. 2026. 8. 12.
나의 도구 #19 | 좌뇌형 vs 우뇌형 뇌 사용 테스트 사람마다 정보를 받아들이고 생각하는 방식에는 조금씩 차이가 있습니다.이 테스트는 간단한 질문을 통해 여러분의 사고방식이 논리와 분석에 가까운지,직관과 감각에 가까운지를 재미있게 알아보는 테스트입니다.잠깐의 시간을 내어 10개의 질문에 답하고, 나의 사고 성향을 확인해 보세요.1. 사용 방법[테스트 시작하기]버튼을 눌러 테스트를 시작합니다.화면에 나타나는 질문을 읽고, 자신에게 더 가까운 답을 하나 선택합니다.총 10개의 질문에 차례대로 답합니다.모든 질문에 답하면 결과를 계산하는 시간이 잠시 표시된 후 결과가 나타납니다.2. 결론이 테스트에서 나타나는 결과는 사람의 능력이나 지능을 정확하게 측정하는 진단 결과가 아닙니다. 좌뇌와 우뇌가 완전히 나뉘어 각각 다른 역할만 한다는식의 단순한 구분 역시 실제 인.. 2026. 8. 12.

티스토리툴바