floor05

사다리타기

이름과 결과를 넣으면 바로. 경로 애니메이션으로 공정하게.

인원
참가자
결과

참가자 이름을 누르면 그 경로를 따라가 결과를 보여줍니다. 가로줄은 crypto 난수로 공정하게 배치되며, 모든 처리는 브라우저에서 이루어집니다.

내기나 역할을 정할 때 사다리타기만큼 깔끔한 방법도 없습니다. 종이에 그릴 필요 없이, 인원과 결과만 넣으면 바로 사다리가 만들어집니다. 각 참가자의 경로를 따라가는 애니메이션으로 결과를 확인할 수 있습니다.

사다리타기 하는 법

먼저 인원(2~8명)을 고르고, 위쪽에 참가자 이름을, 아래쪽에 결과(당첨·꽝·역할 등)를 적습니다. '사다리 만들기'를 누르면 가로줄이 무작위로 배치됩니다. 참가자 아래의 '출발' 버튼을 누르면 그 사람의 경로가 그려지며 어떤 결과에 도착하는지 보여줍니다.

사다리타기는 세로줄을 따라 내려가다 가로줄을 만나면 옆으로 이동하는 게임입니다. 신기하게도 출발점이 다르면 도착점도 반드시 달라져, 결과가 겹치지 않습니다. 그래서 공정한 추첨에 알맞습니다.

가로줄은 누를 때마다 새로 놓입니다

사다리의 공정함은 가로줄이 어디에 놓이느냐에서 나옵니다. 이 위치는 만들 때마다 브라우저 난수로 새로 정해져, 같은 인원이어도 판마다 사다리 모양이 달라집니다. 결과가 마음에 걸리면 '사다리 다시 놓기'로 이전 배치를 버리고 새 판을 그리면 됩니다.

그래서 이름을 넣는 순서를 바꾸든 사다리를 다시 놓든 특정 사람이 유리해지지 않습니다. 이름과 결과는 사다리를 그리는 데만 쓰이고, 화면을 벗어나 어디론가 전송되지 않습니다.

가로줄을 놓는 난수, 열어 볼 수 있습니다

가로줄이 어느 자리에 생길지는 브라우저의 암호학적 난수(crypto.getRandomValues)가 한 칸씩 정합니다. 난수를 자리 수로 나눌 때 생기는 미세한 치우침(모듈로 편향)은, 치우침이 남는 값을 버리고 새로 뽑는 방식으로 없앱니다. 덕분에 어떤 세로줄도 남보다 가로줄이 잘 붙거나 덜 붙지 않습니다.

이 난수 계산은 어딘가의 서버가 아니라 페이지와 함께 내려받는 공개 코드 안에서 돌아갑니다. 결과가 미심쩍으면 코드를 그대로 뜯어보면 되고, 그래서 '공정하다'는 말이 주장에만 그치지 않습니다.

겹치지 않는 것도, 매 판이 새로 시작하는 것도

가로줄 하나는 맞닿은 두 세로줄을 서로 맞바꾸는 일만 합니다. 이런 맞바꿈을 몇 번을 거쳐도 출발지와 도착지는 언제나 일대일로 짝지어지므로, 두 사람이 같은 결과에 도착하는 경우는 구조상 나오지 않습니다. 인원수만큼의 결과가 하나씩 빠짐없이 나뉘는 건 운이 아니라 이 맞바꿈이 보장하는 성질입니다.

한편 '사다리 다시 놓기'를 누르면 이전 판은 깨끗이 지워지고 처음부터 다시 그려집니다. 그러니 '지난 판에 꽝이었으니 이번엔 당첨 차례'라는 기대는 들어맞을 이유가 없습니다. 매 판은 앞 결과와 무관한 독립 시행이라, 같은 사람이 연달아 같은 자리를 뽑아도 이상할 게 없습니다.

자주 묻는 질문

사다리타기는 왜 결과가 겹치지 않나요?

세로줄을 내려가다 가로줄을 만나면 옆으로 꺾는 구조라, 출발점이 다르면 도착점도 반드시 달라집니다. 덕분에 인원수만큼의 결과가 정확히 하나씩 나뉩니다.

사다리를 만들기 전에 결과를 알 수 있나요?

없습니다. 가로줄은 '사다리 만들기'를 누르는 순간 난수로 배치되므로, 그 전에는 어떤 경로가 생길지 아무도 미리 알 수 없습니다.

몇 명까지 할 수 있나요?

2명부터 8명까지 가능합니다. 인원을 고르면 이름·결과 칸이 그만큼 만들어집니다.

적어 넣은 이름은 어디에 남나요?

남지 않습니다. 이름과 결과는 사다리를 그리는 동안만 화면에 있다가, 창을 닫으면 함께 지워집니다. 누가 꽝을 뽑았는지 되짚을 기록이 없으니 뒤끝도 없습니다.

사다리타기 도구가 불편하셨거나 이런 기능이 있으면 좋겠다 싶으신가요? 피드백 남기기

floor05 다른 도구

이미지 압축

서버 전송 없이 브라우저에서 바로. 목표 용량 설정, 일괄 압축까지.

사용하기

이미지 리사이즈

px, %, SNS 프리셋으로 크기 조절. 인스타, 유튜브, 네이버 블로그까지.

사용하기

포맷 변환

PNG, JPG, WebP, AVIF 자유롭게 변환. BMP·GIF·SVG·HEIC 입력까지, 투명 배경 처리도.

사용하기

HEIC → JPG

아이폰 사진을 JPG로 변환. 회원가입 없이 무제한 무료.

사용하기

JPG → PNG

JPG를 무손실 PNG로. 투명 배경이 필요한 편집 작업 전에.

사용하기

WebP → JPG

안 열리는 WebP를 JPG·PNG로. 웹에서 받은 이미지를 바로 열게.

사용하기

이미지 크롭

원하는 영역만 자르기. 1:1, 4:3, 16:9 비율 프리셋.

사용하기

이미지 합치기

여러 사진을 세로·가로로 한 장에. 캡처 이어붙이기까지.

사용하기

워터마크 넣기

텍스트·로고를 사진 위에. 위치·투명도·반복까지, 여러 장 일괄.

사용하기

이미지 회전·반전

세로로 찍힌 사진을 바로. 90도 회전·좌우/상하 반전, 서버 전송 없이.

사용하기

사진 모자이크

얼굴·차번호·개인정보를 드래그로 가리기. 모자이크·블러, 파일은 서버로 안 갑니다.

사용하기

인스타 9분할

한 장을 3×3으로 나눠 ZIP으로. 인스타 그리드 피드 만들기.

사용하기

이미지 색상 추출

사진을 클릭해 색을 추출. 대표 색 팔레트와 HEX 코드까지.

사용하기

EXIF 삭제

사진의 위치·촬영정보(EXIF)를 제거. 올리기 전에 GPS·기기 정보를 지웁니다.

사용하기

파비콘 만들기

이미지로 favicon.ico와 각 사이즈 아이콘·매니페스트를 한 번에. ZIP으로.

사용하기

글자수 세기

공백·바이트·원고지·자소서 글자수를 한 번에. 붙여넣으면 바로 계산.

사용하기

연봉 실수령액

2026년 4대보험·세금을 떼고 매달 통장에 찍히는 금액. 부양가족까지 반영.

사용하기

퇴직금 계산기

입사일·퇴사일과 월급으로 퇴직금을 바로. 평균임금·상여·연차수당 반영.

사용하기

주휴수당 계산기

시급과 주 근로시간으로 주휴수당·주급·월급 환산까지. 2026년 최저시급 기준.

사용하기

대출이자 계산기

원금·금리·기간으로 월 상환액과 총이자를. 원리금균등·원금균등·만기일시 비교.

사용하기

예적금 이자 계산기

예금·적금 만기 수령액을 단리·복리로. 이자소득세 15.4% 뗀 세후 금액까지.

사용하기

부가세 계산기

공급가액에 부가세 10%를 더하고, 합계금액에서 역산까지 양방향으로.

사용하기

만 나이 계산기

생년월일만 넣으면 만 나이·연 나이·띠를 바로. 다음 생일 D-Day까지.

사용하기

D-Day 계산기

목표일까지 며칠 남았는지, 그날부터 며칠 지났는지. 100일·1000일·기념일까지.

사용하기

음력 양력 변환

음력 생일을 올해 양력으로, 양력을 음력으로. 윤달·간지까지 반영.

사용하기

BMI 계산기

키·몸무게로 체질량지수와 비만도를. 대한비만학회 기준 구간·표준체중 범위까지.

사용하기

기초대사량 계산기

기초대사량(BMR)과 하루 권장 칼로리(TDEE). 감량·유지·증량 목표 칼로리까지.

사용하기

배란일 계산기

마지막 생리일과 주기로 배란 예정일·가임기·다음 생리일을. 입력은 저장되지 않습니다.

사용하기

임신 주수 계산기

마지막 생리일로 현재 임신 주수와 출산예정일을. 삼분기·진행률까지.

사용하기

평수 변환

평을 제곱미터(㎡)로, ㎡를 평으로 양방향 즉시 변환. 분양·전용면적 안내까지.

사용하기

길이 변환

cm·인치·m·피트·mm·km를 한 화면에서 즉시 변환. 어느 칸에 넣어도 바로.

사용하기

온도 변환

섭씨·화씨·켈빈을 양방향 즉시 변환. 화씨 100도가 몇 도인지 바로.

사용하기

이미지 PDF 변환

여러 사진을 한 PDF로. 순서 조정, 용지(A4)·여백 옵션까지. 서버 전송 없이.

사용하기

PDF 합치기

여러 PDF를 하나로 병합. 순서를 바꿔가며. 파일이 서버로 전송되지 않습니다.

사용하기

PDF 분할

원하는 페이지만 추출하거나, 모든 페이지를 낱장으로. ZIP 일괄 다운로드.

사용하기

색상 코드 변환

HEX·RGB·HSL·CMYK를 양방향 즉시 변환. 색을 고르면 코드가 바로, 복사도 한 번에.

사용하기

색상 대비 검사

두 색의 명도 대비를 WCAG 기준으로. 글자 가독성·웹접근성 AA·AAA 통과 여부까지.

사용하기

CSS 그라데이션

색을 고르면 CSS 그라데이션 코드를. 방향·색 정지점 조절, 실시간 미리보기.

사용하기

룰렛 돌리기

점심 메뉴·벌칙·당첨자를 돌림판으로. 항목만 넣으면 바로, 가중치도.

사용하기