미리보기

• AI 프로젝트 개선(Angular + NestJs + Open AI)

• 글로벌 서비스 웹 애플리케이션 리뉴얼 및 유지보수 (React)

• 프리미엄 아이템(과금형 인터랙티브 콘텐츠) 개발 및 유지보수 (Angular)

• 만세력 웹페이지 개선

• 한국 서비스 웹 애플리케이션 개발 및 유지보수 (Angular)

• 백오피스 유지보수(Angular + NodeJS)

• 프로모션 페이지 개발 및 유지보수 (Vue, React)

Azure OpenAI + langchain 기반 차세대 운세 서비스 개발

Frontend Development (Angular)

• Pixi.js 및 스파인 애니메이션 최적화

  • JS 힙 메모리 사용량 34% 감소시켜 페이지 다운 현상 해결하고 앱 안정성과 성능을 대폭 향상

  • 아티클 보기

• MobX 상태 관리

  • Open AI 스트리밍 응답 데이터 동기화하여 대화형 UI의 실시간 메세지 처리 구현

• RxJS를 활용한 에셋 로딩바 Guard 구현

  • 스파인 애니메이션 렌더링 하기 전에 JSON, 텍스처 에셋을 프리로드, 자연스럽고 깔끔한 UI/UX 제공

• iOS 웹뷰 환경에서 발생하는 이전 에셋 잔존 문제를 ngx-translate-module-loader를 활용해 에셋을 버전 별로 관리

Backend Development (NestJS)

• OpenAI 연동 및 안정성 개선

  • OpenAI + Langchain을 사용하여 유저 질문 분석 및 타로 운세 생성 로직 확장

  • 스트리밍 방식으로 OpenAI 응답 데이터 가공하여 대화형 UI에 적용

  • 지수적 백오프 재시도 로직

    • OpenAI 응답 불안정 시 지수적 백오프를 활용해 서버 부하를 최소화하고 안정성 강화

    • 이전 : 관련 CS 하루에 5건~10건 → 현재(25년 1월 기준) : 일일 방문자 200% 이상 증가한 현재에서도 관련 CS 0건

• AWS Elastic Beanstalk 환경 변수와 미들웨어를 활용한 서버 점검 및 에러 처리 로직 구현.

성과

• 새 사용자 2만+

• ai 관련 데이터 2.5만 +

• 일주일 만에 이전 한 달 평균 매출의 100% 이상 달성

• 일일 방문자 200% 이상 증가

• 릴리즈 직후 한 달 기술 관련 CS 0건 기록

• styleX를 도입한 디자인 시스템 적용 방식을 익히며 협업

• Ionic Animation을 활용해 메인 페이지 히어로 섹션의 인터랙션 리뉴얼

• tanstack-query를 활용한 북마크 UX 개선

  • 낙천적 업데이트로 느린 네트워크 환경에서도 빠르고 일관된 반응 제공

  • 글로벌 사용자 경험을 개선

• React-hook-form과 공동 컴포넌트 생성

  • 공통적으로 사용하는 폼 요소를 컴포넌트로 분리하여 유지보수성과 개발 생산성을 향상

• 아코디언 컴포넌트의 초기 렌더링 최적화

  • 페이지 이동 시 아코디언 아이템이 닫혔다가 열리는 과정에서 발생하는 깜빡임 현상을 해결

    → 뷰포트 내 노출 이벤트가 잘못 트리거되는 문제를 방지해 성능 및 사용자 경험을 동시에 개선

• UI 디자인 개편에 따른 전반적인 스타일링 수정 및 컴포넌트 리팩토링

• Day.js를 활용한 사주 운세 캘린더 컴포넌트 개발

• 유저의 사주 데이터에 기반한 동적 그래픽 컴포넌트 설계 및 구현

• Recoil로 props drilling을 방지하고 유저의 사주 데이터를 전역 상태로 효율적으로 관리

과금형 인터랙티브 콘텐츠 개발 및 유지보수 (Angular)

• Web animation API를 통해 애니메이션 동적으로 제어

• three.js를 사용한 애니메이션의 3D 에셋 최적화 작업

• Scala를 사용한 인터랙티브 콘텐츠의 서버 로직 작성

백오피스 유지보수(Angular + NodeJS)

• 매월 직원들의 피드백을 반영하여 백오피스 기능을 지속적으로 개선 및 유지보수

• Node.js와 Sequelize를 활용하여 MySQL DB 스키마 연결 및 API 로직 최적화

프로모션 페이지 개발 및 유지보수 (Vue, React)

• 글로벌 웹툰 플랫폼 'Manta'와의 제휴용 인터랙티브 콘텐츠 개발(React)

• 행운 단어 뽑기 이벤트 (2024. 1. 15. ~ 1. 21.): BFS 알고리즘 적용, 키워드 정오답 처리 기능 구현

  • 2023년~2024년 상반기 가장 높은 이벤트 페이지 인입 기록(평균 view 12,548), 광고 수익 목표 132.3% 초과 달성

• 프로모션 페이지 템플릿화 및 기존 템플릿 개선