Earnflo: 실시간으로 수입을 보여주는 급여 대시보드

I’m sorry, but I don’t have the ability to retrieve the article from the link you provided. Could you please paste the text you’d like translated here? Once you do, I’ll translate it into Korean while keeping the formatting and source line unchanged.

💡 아이디어

대부분의 급여 계산기는 정적인 수치—월 급여, 시급, 연간 예상—만을 보여줍니다. 현실은 정적이지 않죠: 일하고, 쉬고, 잠을 자며, 수입은 지속적으로 누적됩니다. 저는 그 흐름을 시각화하고 싶었고, 그래서 Earnflo라는 작은 웹 대시보드를 만들었습니다. 이 대시보드는 원시 급여 수치를 실시간, 시간 인식형 수입 위젯으로 변환합니다.

Demo:

Earnflo는 현재 월의 실제 근무 시간에 급여를 분산시키고, 다양한 위젯을 통해 시각화합니다.

📊 대시보드가 보여주는 내용

단일 정적 숫자 대신, Earnflo는 시간 인식 소득 지표를 제공합니다. 예시:

• 이번 달 수익
• 근무 시간당 소득
• 주당 소득
• 작업 초당 소득
• 유급 휴일의 가치
• 충분한 수면 한 밤의 가치
• 예상 분기별 / 반기별 / 연간 소득

핵심 아이디어는 간단합니다: 급여는 단순히 숫자가 아니라 시간을 흐르는 비율입니다.

🗓 The Calendar Problem

단순히 “월급 ÷ 30일”로 계산하는 방식은 실제 월에 다음과 같은 요소가 포함되어 있기 때문에 부정확합니다:

• 주말
• 공휴일
• 근무일 수의 변동
• 다양한 근무 일정

Earnflo는 월 모델을 다음을 기반으로 구축합니다:

• 주당 근무일
• 일일 근무 시간
• 교대 시작 시간
• 추가 휴일
• 지역 공휴일

이를 통해 현실적인 실제 근무 캘린더를 생성합니다. 예시 스냅샷:

• 공휴일: 2
• 실제 근무일: 25
• 주말: 4
• 예정 근무 시간: 250

해당 데이터가 모든 계산의 기반이 됩니다.

휴일 인식

Earnflo는 여러 지역에 대한 휴일 지원을 포함합니다:

• 우즈베키스탄
• 미국
• 러시아

공휴일은 실제 작업 일정에서 제외되어 대시보드가 실제 지역 작업 리듬을 반영할 수 있습니다.

💵 Salary Normalization

People receive pay in various formats:

• hourly
• weekly
• monthly
• yearly

Earnflo normalizes all of them into a single internal monthly representation, from which it can derive:

• hourly rate
• per‑second rate
• per‑week earnings
• calendar‑based projections

🎛 구성 가능한 작업 리듬

대시보드는 사용자 설정에 즉시 적용됩니다:

• 급여 금액
• 통화
• 급여 지급 주기
• 휴일 캘린더
• 주당 근무일
• 일일 근무 시간
• 교대 시작 시간
• 추가 휴일

설정이 변경될 때 모든 위젯이 실시간으로 업데이트됩니다.

🇺🇿 다국어 지원

Earnflo는 세 가지 UI 언어를 지원합니다:

• 영어
• 러시아어
• 우즈베크어

언어는 즉시 전환할 수 있으며 로컬에 저장됩니다.

💱 지원되는 통화

현재 통화 옵션:

• UZS
• USD
• RUB
• EUR
• GBP

모든 위젯은 선택된 통화에 자동으로 맞춰집니다.

🧑‍💻 내가 이것을 만든 이유

나는 추상적인 개념을 시각화하는 도구를 만드는 것을 즐깁니다. 시간과 돈은 우리가 매일 다루는 가장 추상적인 자원입니다. 이들을 연결하면 다음과 같은 통찰을 얻을 수 있습니다:

• 주말의 가치
• 휴가 하루의 가치
• 집중된 작업 한 시간의 가치

Earnflo는 이러한 관계를 한눈에 볼 수 있게 만드는 것을 목표로 합니다.

🖥 기술 스택

Earnflo는 최소한의 현대 스택을 사용합니다:

• React 19
• Vite 7
• Plain CSS

백엔드가 없으며, 모든 설정은 localStorage를 통해 로컬에 저장되어 앱을 빠르고 프라이버시 친화적으로 유지합니다.

⚡️ 실시간 데모

여기서 사용해 보세요: (회원가입 필요 없음)

📩 피드백 환영

이 프로젝트는 작은 실험으로 시작되었습니다. 다음과 같은 아이디어가 있으면 알려 주세요:

• 새로운 위젯
• 추가 통화
• 더 많은 휴일 캘린더
• 생산성 지표

공유해 주시면 피드백을 듣고 싶습니다.