일부 지역 교육청의 요청으로 신학기 전까지 방문예약 서비스를 개발해야 하는 상황에서, 백엔드 개발 리소스가 제한적인 상황에서 빠른 서비스 출시를 위해 기존 설문지 작성 시스템을 활용한 방문예약 서비스를 개발했습니다.
Angular
TypeScript
RxJS
Firebase Functions
도메인 어댑터 패턴을 활용한 시스템 설계: Firebase Functions를 활용한 도메인 어댑터 레이어 구현. 방문예약 도메인과 설문지 작성 도메인 간의 데이터 변환 로직 구현.
효율적인 상태 관리 및 데이터 처리: RxJS를 활용한 비동기 데이터 처리 최적화. 방문예약 데이터의 실시간 동기화 구현.
빠른 개발과 안정적인 서비스 출시: 기존 인프라 재활용을 통한 개발 기간 단축. 신학기 전 안정적인 서비스 출시 달성.
메신저 기능(종이톡) 개발
학교종이 모바일 앱에 실시간 메신저 기능을 추가하는 프로젝트를 주도적으로 개발했습니다. Ionic을 기반으로 한 하이브리드 앱에 Angular와 RxJS를 활용하여 실시간 메시징 시스템을 구현했습니다.
Angular
Ionic
RxJS
WebSocket
실시간 메시징 시스템 설계 및 구현: RxJS의 Observable과 BehaviorSubject를 활용한 실시간 메시지 상태 관리 시스템 구현.
사용자 경험 최적화: 메시지 전송 상태(pending/fulfilled/rejected)에 따른 실시간 UI 피드백 구현.
네트워크 불안정 상황 대응: WebSocket 연결 끊김 상황에서의 자동 재연결 및 메시지 동기화 구현.
학교종이 웹 서비스 유지보수
선생님들을 위한 기능위주의 학교종이 웹 서비스. 오랜기간(8년) 유지중인 메인 서비스로, 만족도 설문, 방과후 학교 신청등 다양한 선생님의 업무보조 서비스 유지보수를 담당했습니다.
Angular
TypeScript
RxJS
Three ducks
2023. 1. - 2023. 5. | Web Engineer (Intern)
Stari Web
Stari는 300여명 이상의 다양한 스타와 그들의 팬들을 영상을 통해 연결해주는 플랫폼입니다.
신규 스타 등록 및 고객의 영상 구입, 신규 기능 추가, 유지보수등의 운영업무 전반을 담당했습니다.
Shopify
Liquid
JavaScript
AWS Lambda
AWS S3
Lagacy Order API Migration: 기존의 사용중인 주문 관리 API가 deprecated됨에 따라 최신 API로 교체 작업 진행.
신규 프로모션 릴리즈: 뽀로로 프로모션 시작에 따라 디자이너와 협업하여 베너, 주문페이지 등 프로모션 관련 컴포넌트 구현.
비디오 뷰 페이지 리뉴얼 릴리즈: 다양한 사이즈의 Video의 가시성 향상을 위해 반응형 컴포넌트로 작성.
주문 페이지 리뉴얼 릴리즈: 주문 튜토리얼 및 프로세스 관련 전달사항들 리뉴얼. 주문 폼 페이지 UI 개선.
Stari Admin Tool
Stari에서의 스타 신규 계약 및 관리, 고객 주문사항 관리, 정산 관련 내용을 다루는 관리자 웹 어플리케이션입니다.
React
TypeScript
Redux Tool Kit
AWS Lambda
AWS DynamoDB
신규 스타 가입 폼 리뉴얼 릴리즈: 기존의 스타 가입 폼이 복잡하고 불편하다는 피드백을 받아 리뉴얼. 정보 관심사에 따라 view를 분리하여 각각의 입력사항에 집중 할 수 있는 Form Wizard UI로 개선.
JS to TS Migration: 기존의 JS 코드를 TS로 마이그레이션 작업 진행. 기존의 JS 코드에 대한 타입 정의 및 타입 에러 수정. TS 코드에서 Any Type을 최대한 제거하고, Strict 모드를 적용하여 타입 안정성 향상. 관심사에 따라 type을 분리하여 재사용성 향상.
주문 내역 검색기능 릴리즈: DynamoDB Expression를 이용하여 고객 주문 내역에 대한 Compound Filter 기능 구현. Index를 사용하여 Optimizing.
i18n 릴리즈: React-i18next 라이브러리를 이용하여 다국어 지원 기능 구현. JSON Nested Key 타입을 선언하여 사용하도록 적용하여 타입 안정성 향상.