포트폴리오

수학 학습 서비스 프론트엔드 개발에 참여했습니다. 모노레포 기반 구조에서 tiptap 기반 커스텀 수학 문제 에디터와 공통 컴포넌트 개발을 담당하고 있습니다.

GPU 공유 서비스를 위한 웹 UI와 VSCode Extension을 개발하고, 기획과 UI/UX 디자인에 참여했습니다. 웹에서 GPU를 바로 대여하고 브라우저 기반 VSCode를 사용할 수 있도록 했으며, Extension을 통해 원클릭 SSH 연결을 구현했습니다. xterm-js 기반 인터랙티브 터미널과 WebSocket을 이용한 SSH 연결/인증 및 실시간 서버 상태 조회 기능을 개발했습니다.

영어 학원 전용 화상 학습 플랫폼을 UI/UX 디자인, 프론트엔드, 백엔드까지 전담했습니다. WebSocket과 WebRTC로 P2P 화상 채팅을 구현해 서버 비용을 절감했고, 현재 약 50명의 사용자가 사용 중입니다. 수업 일정/과제/레벨 테스트 및 자동 성적 PDF 리포트 기능을 제공합니다.

각 병사의 전역일 정보 및 기수별 정보를 한눈에 볼 수 있는 웹 앱입니다. 인트라넷 환경에서 HTML/CSS/Vanilla JS로 개발했고, 프로필 사진 및 전역일 정보를 IndexedDB에 저장·관리했습니다.

군 내 인트라넷 환경에서 동작하는 일정 관리 웹 앱을 기획·디자인·개발했습니다. 인터넷이 제한된 환경 특성상 Vanilla JS만으로 개발하며 성능을 최적화했습니다. Local Storage에 캘린더 데이터를 저장하고 일정 복사/붙여넣기, 검색, 필터, 백업/복원 기능을 구현했습니다. 공군 내에 배포하여 사용자 피드백을 받아 지속 개선했습니다.

React와 TypeScript 학습 후 개인 웹사이트 및 블로그를 개발하고, Gatsby로 정적 빌드하여 Netlify에 배포했습니다. 메인 랜딩 로고 애니메이션 최적화 과정에서 requestAnimationFrame을 적용해 프레임 드랍을 개선했습니다. 웹사이트는 🔗 sterd.dev에서 확인할 수 있습니다.

외주로 진행한 학원 소개 웹사이트입니다. React + Vite 기반으로 제작하고 TailwindCSS를 활용했습니다. 모바일 반응형 레이아웃 이슈를 Tailwind 유틸리티 조정으로 해결했고, 기본 SEO 최적화도 적용했습니다.

BLE 비콘을 사용해 통학 차량 탑승 여부를 감지하고, 교실 입실 여부와 대조하여 출석을 자동으로 체크하는 솔루션을 기획·디자인·개발했습니다. 신호 간섭 및 거리 오차 문제를 RSSI 보정 알고리즘으로 개선했습니다. 2019 삼성 주니어 소프트웨어 창작대회 최우수상 수상.

웹 환경에서 사용할 수 있는 키오스크 웹 앱과, 주문 내역 및 통계를 확인할 수 있는 Android 앱을 기획, UI/UX 디자인 및 개발했습니다. 무거운 프레임워크 없이 DOM을 직접 조작하여 초기 로딩 속도를 줄이고 빠르게 동작하도록 설계했습니다. 주문 통계/내역 확인 Android 앱은 Kotlin으로 개발했고, Backend는 Firebase로 구현했습니다. FCM을 사용해 웹 주문 발생 시 앱으로 실시간 Push 알림을 전송했습니다.

기존의 MTS와 유사한 사용자 경험으로 암호화폐 모의 투자를 할 수 있는 안드로이드 어플리케이션을 기획하고, UI 개발에 참여했습니다. Backend는 Firebase를 사용하여 구현했습니다. 2017 앤어워드 디지털 창의 학생 공모전에 제출하여 우수상을 수상했습니다.

드라마의 대본을 열람할 수 있는 Android 어플리케이션을 기획 및 디자인하고, Java로 개발하여 Play 스토어에 출시했습니다. 약 1000명의 사용자가 이용했습니다.