목차1) 당첨자 추첨 룰렛돌리기 룰렛 돌리기 랜덤추첨기 랜덤뽑기 당첨자추첨 당첨자 추첨 프로그램 랜덤 번호 숫자 추첨기 원판돌리기 게임 뽑기 사이트 배경과 문제 정의2) 기능 요약3) 코드 작성4) 전체 코드5) 마무리하며배경과 문제 정의최근 블로그에서 랜덤 추첨 이벤트를 진행했는데 기존 온라인 추첨 도구들은 광고가 많거나 기능이 제한적이었다. 그래서 직접 내가 원하는 기능만 넣은 간단한 추첨기를 만들어보기로 했다.​조건은 다음과 같았다.1) 참가자 이름을 붙여넣거나 파일로 불러올 수 있을 것2) 스핀 애니메이션으로 랜덤처럼 보이게 연출할 것3) 당첨자 추첨 룰렛돌리기 룰렛 돌리기 랜덤추첨기 랜덤뽑기 당첨자추첨 당첨자 추첨 프로그램 랜덤 번호 숫자 추첨기 원판돌리기 게임 뽑기 사이트 결과를 복사하거나 CSV로 저장할 수 있을 것4) 필요하면 당첨자를 다음 추첨에서 제외할 수 있을 것기능 요약이번 포스팅에서 소개하는 추첨 프로그램의 핵심 기능은 아래와 같다.1) 참가자 입력: 텍스트 붙여넣기 / .txt, .csv 파일 업로드 지원2) 당첨자 추첨: 한 번에 여러 명 뽑기 가능, 당첨자 제외 옵션 제공3) 시각 효과: 2초 동안 이름이 당첨자 추첨 룰렛돌리기 룰렛 돌리기 랜덤추첨기 랜덤뽑기 당첨자추첨 당첨자 추첨 프로그램 랜덤 번호 숫자 추첨기 원판돌리기 게임 뽑기 사이트 랜덤하게 바뀌며 “돌아가는” 느낌 제공4) 결과 관리: 누적 당첨자 테이블 표시, 복사하기, CSV 저장 기능5) 간단 모드 페이지: /simple 경로에서 최소 UI 버전 제공코드 작성(1) 필요한 모듈 선택처음에는 어떤 모듈이 필요할지부터 생각했다.1) random: 추첨은 결국 무작위 선택이니 필수다.2) asyncio: 짧은 시간 동안 이름을 빠르게 바꾸며 “스핀 애니메이션”을 만들고 싶었다. await asyncio.sleep()이 당첨자 추첨 룰렛돌리기 룰렛 돌리기 랜덤추첨기 랜덤뽑기 당첨자추첨 당첨자 추첨 프로그램 랜덤 번호 숫자 추첨기 원판돌리기 게임 뽑기 사이트 딱 알맞다.3) re: 참가자 입력을 공백, 줄바꿈, 콤마로 나눠서 토큰화할 때 정규식을 쓰면 간단하다.4) datetime: 당첨 시각을 기록하면 결과 관리가 편하다.5) io: 결과를 메모리에 CSV로 만들고 다운로드할 때 필요하다.6) nicegui.ui: UI는 브라우저 기반으로 하고 싶어서 tkinter 대신 NiceGUI를 선택했다.그래서 코드 맨 위는 이렇게 시작했다.(2) 참가자 입력 전처리참가자는 복붙을 하면 띄어쓰기, 줄바꿈, 당첨자 추첨 룰렛돌리기 룰렛 돌리기 랜덤추첨기 랜덤뽑기 당첨자추첨 당첨자 추첨 프로그램 랜덤 번호 숫자 추첨기 원판돌리기 게임 뽑기 사이트 콤마 등 다양한 구분자가 섞인다. 그래서 정규식을 활용해 깔끔하게 나누기로 했다. 그리고 중복된 이름은 제거하되 입력 순서는 유지해야 했다.(3) 상태 관리 클래스UI에서 쓰일 상태를 한 곳에 모아 관리하기 위해 RaffleState 클래스를 만들었다.1) 전체 참가자2) 당첨자3) 당첨자 제외 여부4) 한 번에 뽑을 인원 수(4) UI 구조 설계화면은 크게 두 부분으로 나눴다.1) 왼쪽: 당첨자 추첨 룰렛돌리기 룰렛 돌리기 랜덤추첨기 랜덤뽑기 당첨자추첨 당첨자 추첨 프로그램 랜덤 번호 숫자 추첨기 원판돌리기 게임 뽑기 사이트 참가자 입력과 파일 불러오기2) 오른쪽: 추첨 설정, 실행, 결과 표시(5) 추첨 함수 구현가장 중요한 건 추첨 기능이었다. 여기서는 세 단계를 밟았다.1) 스핀 애니메이션: 2초 동안 이름을 랜덤하게 바꿔 표시2) 최종 추첨: random.sample()로 k명 선택3) 결과 갱신: 당첨자를 테이블에 추가, 상태 업데이트(6) 결과 다루기1) 클립보드 복사: JavaScript 실행으로 클립보드에 붙여넣음2) CSV 저장: 당첨자 추첨 룰렛돌리기 룰렛 돌리기 랜덤추첨기 랜덤뽑기 당첨자추첨 당첨자 추첨 프로그램 랜덤 번호 숫자 추첨기 원판돌리기 게임 뽑기 사이트 io.StringIO()로 메모리에서 생성 후 다운로드전체 코드마무리하며​이번 프로젝트는 “가볍지만 꼭 필요한 기능”만 구현하는 데 집중했다.​결과적으로 참가자 입력 → 랜덤 추첨 → 결과 관리라는 단순한 흐름을 깔끔히 구현할 수 있었다. 무엇보다 NiceGUI 덕분에 별도의 HTML/CSS 없이도 빠르게 UI를 구성할 수 있었던 점이 인상 깊었다.​향후에는 가중치 추첨이나 중복 허용 모드 같은 추가 기능을 붙여볼 당첨자 추첨 룰렛돌리기 룰렛 돌리기 랜덤추첨기 랜덤뽑기 당첨자추첨 당첨자 추첨 프로그램 랜덤 번호 숫자 추첨기 원판돌리기 게임 뽑기 사이트 수 있을 것 같다. 또 모바일 UI 최적화와 디자인 디테일을 보강하면 실제 이벤트에서 바로 쓸 수 있는 툴이 될지도?NiceGUI가 궁금하다면?1) 배경과 문제 정의 나는 블로그 자동화와 각종 데이터 툴을 만들다 보면, 결과물을 웹에서 바로 확인할 ...1) 배경과 문제 정의 1편에서는 단일 페이지에서 라벨과 버튼만을 다뤘다. 하지만 실제 앱은 여러 화면으로...