시간을 절약하고 돈을 벌다

Source: Dev.to

배경

많은 사람들이 SaaS 도구를 만들기 위해 프로그래밍을 시작합니다. 저는 기본 HTML과 JavaScript만으로 약 2시간 만에 약 $10 k를 벌어들인 방법을 공유하고 싶습니다.

제가 처음 제출한 파일은 거부되었고, 수정된 버전을 다시 제출할 때까지 결제가 지연되었습니다. 플랫폼에 거의 100명의 공급자가 늘어나면서, 저는 보수적으로 매일 약 1시간씩 이 파일들을 확인하거나 지원·교육을 제공하는 데 소비하고 있었습니다.

경영진은 기존 솔루션이 “작동”한다는 이유와 제3자 회사와의 계약 때문에 UI/UX 개선을 위한 예산 할당을 꺼려했습니다. 그 계약 때문에 직접적인 변경이 불가능했습니다.

해결책

저는 하나의 HTML 파일에 다음을 포함했습니다:

• 데이터 입력을 위한 폼
• 제출된 행을 표시하는 테이블
• 테이블을 CSV 파일로 변환하는 Export 버튼

바닐라 JavaScript를 사용해 폼은 각 입력을 엄격한 “reason code” 규칙에 따라 검증합니다. 행이 검증에 실패하면 명확한 오류 메시지가 표시되어 사용자가 올바르게 제출할 수 있도록 안내합니다. Export 버튼은 HTML 테이블을 배열로 변환하고 CSV 파일로 다운로드합니다.

몇몇 공급자와 베타 테스트를 진행한 뒤, 다음 기능을 추가했습니다:

• Clear Table 버튼
• Import CSV 버튼
• 개별 행을 삭제할 수 있는 기능

모든 개선 사항은 순수 JavaScript와 최소한의 CSS만으로 구현되었습니다.

결과

단일 파일 덕분에 매일 감사와 지속적인 재교육이 필요 없어졌고, 하루에 약 1시간을 절약할 수 있었습니다. 그 여분의 시간으로 이번 글과 같은 블로그 포스트를 작성할 수 있었습니다. 저는 급여를 받는 입장이었기 때문에, 절약된 시간은 당시 약 $12 k(≈ 주 5시간) 연간 가치에 해당했습니다.