미리보기

마루랩

에듀핀(금융교육) 모바일 서비스 (https://front.marulab.app/)

• Frontend: Next.js(page router), Typescript, React, React Query, Zustand, ContextAPI, TailwindCSS, emotion, Thymeleaf

• Backend: Spring, JPA, MySQL, QueryDSL, Firebase, docker, Github Actions, Nginx, AWS EC2, AWS S3

• Mobile: Flutter

3인 규모의 초기 스타트업, 유일한 개발자로서 서비스 전반의 기술 설계 및 개발 총괄

• 서비스 아키텍처 설계부터 배포/운영까지 End-to-End 개발 프로세스 주도

• 주도적인 기술 스택 선정 및 서비스 구조 의사결정 전담

• 3주만에 4회의 MVP 개발을 진행, 신속한 서비스 검증 달성

  • 구현 요구사항에 맞는 필요한 기술 스택(Nest, Redis, Flutter) 단기간 학습과 적용 경험

금융 학습 (퀴즈/아티클)

• 의도하지 않은 시나리오 대처

  • 앱 전환/강제종료 시나리오 대응을 위한 상태 복구 시스템 구현

    • localStorage 기반의 퀴즈 상태 저장 메커니즘 구축, 재접속 시 무결성 보장

    • React Query를 활용, 학습 횟수 제안 카운터와 서버 동기화 메커니즘 구축

• 복잡한 상태 관리 최적화

  • 14개의 상태를 useReducer 패턴으로 리팩토링

  • 학습 데이터/학습 상태 로직 분리

    • localStorage를 활용한 학습 진행 상태 영속성 보장

    • 서버-클라이언트 간 학습 진도 동기화 로직 구현

• 아이디어 수준의 제안을 구체적인 서비스로 설계 및 구현

  • 2일만에 MVP 구현 및 검증

  • OX, 객관식, 주관식 등 다양한 문제 유형 확장성 고려

  • 피드백 기반의 반복적인 기능 개선

• Recharts.js 라이브러리를 활용한 사용자 모의투자/학습 통계 대시보드 구현

  • useMemo를 이용한 메모이제이션 전략으로 차트 렌더링 지연시간 40% 감소

  • 기간별 데이터 필더링, 동적 차트 업데이트 구현

모의투자

• 트레이딩 시스템 UX 설계 및 구현

  • 시장가/지정가 주문 입력 폼 및 유효성 검증 로직 구현

  • 시간외거래, 휴장일, 수수료 등 실제 금융시장의 특성 반영하고 엣지 케이스 대응

• 대용량 실시간 데이터 처리

  • KOSCOM/Upbit API 연동 및 실시간 데이터 스트리밍 구현

  • React Query의 캐싱 전략을 활용해 네트워크 부하 감소

관리자 페이지

• Spring, Thymleaf 기반 웹 페이지 유지보수

• 40여개 테이블 설계 및 사용자/학습/거래종목 관리 시스템 구축

• 실시간 주가정보 업데이트 로직을 백엔드에서 분리하고 admin 페이지로 이전, thread 기반 병렬처리 구현

• 사용자 정보(일간/주간/월간) 서비스 과부하 해결을 위해 MySQL 이벤트 프로시저 기반의 통계 데이터 자동화 시스템 구축

마루랩 서비스 기획 및 앱 출시

• Mobile

  • Flutter를 이용해 웹뷰 형태의 하이브리드 앱 개발

  • 앱 등록 및 앱스토어(iOS/Android) 배포

• Cloud & Infra

  • EC2 인스턴스 scale-up을 통한 Frontend 이미지 로딩 지연 문제 해결(t2 -> m2)

  • Docker 컨테이너화 및 EC2/NginX 기반 서비스 아키텍처 설계

ETRI 데이터 플랫폼 개발

한국전자통신연구원(ETRI) 주관 데이터 플랫폼 사업 참여

• Frontend: React, Redux, MaterialUI

• 프론트엔드 레거시 성능 최적화

  • 레거시 코드 분석을 통해 병목 구간 파악 및 개선

  • 백엔드 로직 분리 및 프론트엔드 상태 관리 최적화로 로딩시간 86% 개선 (7초 -> 1초)

• 데이터 시각화 대시보드 구현

  • D3.js를 활용한 데이터 시작화 컴포넌트 개발

  • Kakao Maps API 및 커스텀 오버레이 구현

Leitner 카드 학습

효과적인 반복 학습 알고리즘을 적용한 카드학습 (https://github.com/gmkim716/LeitnerLearn)

• 기간: 업무 시간 외 5일동안 진행

• Frontend: Next.js(App router, SSR & CSR), tailwindCSS

• Backend: Spring, JWT, MySQL

마루랩 퀴즈 학습을 위한 사이드 프로젝트

• 효과적인 퀴즈 문제의 반복 제시를 위한 아이디어 제시 및 구현 진행

• Anki 앱을 벤치마킹하여 모의 시스템을 구현

• 장기기억에 효과적이라고 알려진 Leitner System 이론을 구현하기 위한 테이블 설계 및 서비스 로직 구현

똑캣

블록체인 기술을 활용한 안전한 티켓팅 서비스 (https://github.com/gmkim716/Ttocket)

• Backend: Spring, JPA, MySQL, AWS EC2, docker

• Infra: Docker, Jenk

  ins, GitLab

6인(Frontend 3, Backend 3명)으로 구성된 팀의 6주 기간 프로젝트를 리드

암표거래 방지를 위한 티켓팅 플랫폼 구현, 블록체인 도메인 프로젝트 우수상 수상

Backend

• Spring REST API 개발: 회원관리 / 공연정보 / 좌석예매

• Swagger을 이용한 API 개발항목 전달

CI/CD 구축

• AWS 클라우드 서비스 적용

• GitLab - Jenkins를 연결한 서비스 자동화 배포 파이프라인 설계

• https 보안 설정

• NginX를 이용한 컨테이너 연결

• 도메인 설정

• AWS EC2 서비스 업데이트