미리보기

주식회사 호랑에듀에서 한글코딩 교육 솔루션 '호랑' 및 관련 B2B, B2G 사업용 프로그램을 개발하였습니다. 생애최초 청년사업을 통해 회사가 성장하는 과정에서 합류하여, 서비스의 고도화를 위해 기획, 디자인 등 다양한 방면에서 폭넓게 참여하였습니다.

주기적으로 바뀌는 동료들과, 회사의 소통의 중심을 만들기 위하여 지속적인 비전 공유와 개발 내용 문서화에 대해 힘썼습니다. 새로운 기술을 도입할 때는 그 이유를 명확히하고, 불필요한 기술들은 제거하며 이후 인수인계 등의 요소가 잘 이루어질 수 있도록 하였습니다.

프로젝트 설명

정부기관용 한글코딩 교육을 위한 전용 프로그램을 개발하였습니다. 이 프로그램은 교육 현장에서 사용되는 교구와 연동되어 안정적으로 작동하도록 설계되었으며, 프로그램의 안정성과 성능을 최우선으로 고려하였습니다.

프로젝트에서의 경험

• 프로그램 로직 개발: Rust 및 tauri를 사용하여 데스크톱 프로그램의 핵심 로직을 구현하였습니다. 메모리 안정성이 뛰어나고, 컴파일 언어라는 특징이 더해져 안정성과 속도 모두 높은 프로그램을 구현하였습니다.

• UI 개발: React를 사용하여 사용자 인터페이스를 개발하였습니다. 가능한 부분에서 기존의 웹 코드를 재사용하여 일관된 사용자 경험을 제공하고 개발 생산성을 높였습니다.

• 하드웨어 연동: USB Serial 통신을 이용해 한글코딩 호환용 펌웨어를 교육용 장비에 자동으로 업로드하는 기능을 구현하였습니다. 이를 통해 교육 현장에서의 사용 편의성을 크게 향상시켰습니다.

사용한 기술 스택

Rust, tauri, React, TypeScript

프로젝트 설명

'호랑'은 '약속' 언어를 기반으로 하는 한글코딩 교육 서비스를 제공하는 플랫폼입니다. 이 플랫폼의 초기 버전을 사용자들에게 일찍 공개하여 실사용자 피드백을 통해 서비스의 안정성과 기능을 개선하는 것을 목표로 하였습니다. 오픈베타 런칭이 이루어진 이후, 지속적인 기능 개선과 사용자 요구사항 반영을 통해 서비스 품질을 높였습니다.

프로젝트에서의 경험

• 프론트엔드 개발: React를 사용하여 사용자 인터페이스를 구축하였습니다. 사용자가 직관적으로 서비스를 이용할 수 있도록 UI/UX를 설계하고 구현하였습니다. 또한

  오픈베타 기간 동안 사용자 피드백을 따라 새로운 기능을 추가하고 에디터 등의 기존 기능을 개선하였습니다.

• 사용자 피드백 반영: 오프라인 한글코딩 교육 클래스에 직접 참여하여 실사용자 경험을 관찰하고, 이를 바탕으로 서비스 개선 방향을 설정하였습니다. 사용자와의 소통을 통해 보다 사용자 친화적인 서비스를 제공하였습니다.

• 개발 생산성 개선 : 기존에 분리되어 있던 패키지들을 하나로 묶어 모노레포 형태로 프로젝트를 재구성하며, 모노레포 관리 툴 turbo를 도입하였습니다. 캐싱 시스템을 기반으로 평균 로컬 빌드 속도 약 65%를 단축할 수 있었습니다.

• 성능 최적화: 페이지 로딩 속도와 반응성을 향상시키기 위해 다양한 최적화 기법을 적용하였습니다. dynamic import와 preload를 활용하여 초기 로딩 속도를 단축하였고, 다양한 에셋과 내부 교육 자료 등의 경우에도 용량과 규격등의 전반적인 최적화 작업을 거쳐 최종적으로 약 57% 가량의 서비스 속도 개선을 이뤄냈습니다.

사용한 기술 스택

React, TypeScript, Python

프로젝트 설명

'디미페이'는 '한국디지털미디어고등학교'의 무인 매점 결제 시스템입니다. 기존의 매점 결제 플로우를 혁신하여 사용자의 편의성과 매점 운영의 효율성을 모두 향상시켰습니다. 현재는 하루에 약 500건의 트랜잭션이 지속적으로 발생하는 시스템으로, 안정성과 효율성을 중요시하여 설계하였습니다.

프로젝트에서의 경험

• 어드민 백오피스 개발: Next.js와 Prisma를 활용하여 어드민 백오피스를 개발하였습니다. 엑셀 기반 재고 입고 및 재고 데이터 엑셀 출력, 다양한 필터 및 정렬을 통한 통계 기능 등을 통해 매점 내에서 축적되는 데이터들을 사용자에게 더 잘 보여줄 수 있도록 하였습니다.

• POS기 개발: React 기반의 PWA로 결제 시스템의 POS기를 개발하였습니다. HID 바코드 입력기를 통해 입력받은 상품 정보나, 결제 QR 코드를 인식하고 실시간 결제를 진행하며, UI/UX 측면에서 계산 절차를 더욱 간소화하고 회전율을 높이기 위해 노력하였습니다.

• 시스템 유지보수: CS 담당으로서 운영 환경에서 발생하는 문제를 직접 해결하고, 사용자 피드백을 반영하여 지속적으로 시스템을 개선하였습니다. 또한, 매점 운영 중 발생하는 퍼포먼스 이슈와 런타임 에러를 해결하여 지속적으로 시스템의 안정성을 강화하였습니다.

사용한 기술 스택

Next.js, React, TypeScript, Prisma, React Query, Jotai

외부 링크

디미페이 공식 Github

한 학생의 제안이 만든 위대한 힘, ‘디미고 사회적협동조합’

디미페이: 고등학생이 매점에서 간편결제를 쓰고 싶어서 직접 개발한 이야기

학교에서 진행하는 비즈쿨 창업동아리 프로그램에 참여하여, 동아리 '#IMPLUDE' 에서 다양한 서비스를 개발하였습니다.
청년의 대학, 취업, 창업에 도움이 되는 여러 청년정책들을 모아 보여주는 플랫폼인 '잇는'을 개발하여 세종특별자치시 공공데이터 활용 창업경진대회 특별상을 수상하였고,
슬랙, 노션, 구글 캘린더와 같은 여러 업무 툴을 한 곳에 통합하여 사용할 수 있는 클라우드 기반 한국형 업무관리 플랫폼인 'VOAH(보아)'를 개발하여 공개SW개발자대회에서 특별상을 수상하였습니다.