미리보기

• 신사업부에서 헬스케어 플랫폼 개발

  • 프론트엔드

    • React, Zustand, tailwindcss 기반 프론트엔드 구축

    • Lexical 기반 WYSIWYG 에디터 개발

  • Jenkins, Docker를 활용한 CI/CD 파이프라인 구축

  • 데이터베이스 스키마 설계

• 소아암 프로젝트 유지보수

  • 업로드 된 파일 미리보기 뷰어 기능 개발

• 인프라 관련 보고서 작성

  • 기존 AWS로 운영되던 프로젝트를 분석하고 NCP 마이그레이션 보고서 작성 및 비용 산출

• 이미지를 조합해서 자신의 캐릭터를 만들 수 있는 Danzzak 서비스 외주 개발 진행

  • 이미지 리소스 관리 자동화

    • 쉘 스크립트로 이미지 파일 정리 시스템 개발

    • 디자이너가 제작한 이미지 파일 관리 자동화

  • 프론트엔드

    • HTML, CSS, JS 기반 프론트엔드 구축

    • 기존 Danzzak 프론트엔드 유지보수

  • 백엔드

    • ExpressJS 활용한 백엔드 구축

    • 어드민 시스템 개발

프로젝트 소개

GUI를 기반으로 인프라를 설계하고 Terraform 코드로 변환해주는 인프라 설계 솔루션

프로젝트 주소

깃허브

역할

인프라 설계 및 구축 / Cloud Canvas 서버 개발 / Ncloud SDK 마이그레이션

기술 스택

TypeScript NestJS Prisma MySQL Redis Docker Docker Compose Terraform EFK Grafana Prometheus Github Actions

주요 작업

• 백엔드 개발

• 프로젝트 인프라 아키텍처 설계 및 구축

• 애플리케이션 도커라이징 및 환경에 따른 도커 컴포즈 구성

• 기존 Ncloud에서 제공하는 Ncloud SDK JS에서 비동기 및 클래스를 지원하도록 타입스크립트로 마이그레이션

• 모니터링 시스템 구축을 활용한 알림 시스템 구축

• CI/CD 파이프라인 구축

프로젝트에서 겪은 주요 문제

프로젝트 인프라 설계 및 구축

문서: https://goraedevelop.tistory.com/6

문제

• 콘솔을 통한 인프라 배치 현황 확인의 불편함.

• 동시 작업 시 인프라 배치 상태 확인을 위한 비효율적 소통 필요.

• 개발/프로덕션 환경 간 유사한 인프라 구성으로 인한 중복 작업.

• 환경 간 마이그레이션을 빠르게 진행 할 수 없는 불편함.

접근 방법

• 빠른 인프라 배치를 위해 IaC 도구 중 하나인 Terraform 도입.

• Terraform Module 기능을 활용한 VPC/Subnet 및 Server/Public IP 모듈 제작.

• Terraform Cloud를 통한 인프라 관리 중앙화 시스템 도입.

결과

• 팀원들이 코드 베이스를 통해 현재 배포된 인프라를 빠르게 확인 가능.

• 모듈화를 통해 개발 환경에서 프로덕션 환경으로 시스템 마이그레이션을 빠르게 마이그레이션 할 수 있게 됨.

• Terraform Cloud를 통해 팀원들이 인프라를 중복 배치하는 사태를 방지하여 사전에 지출되는 비용을 방지

CI 파이프라인 속도 개선

문서: https://goraedevelop.tistory.com/8

문제

• CI 파이프라인의 긴 소요 시간으로 인해 작은 변경사항도 팀원들이 즉시 배포 결과를 확인할 수 없었음.

• 팀원들이 파이프라인 완료를 기다리는 동안 작업을 진행할 수 없어 개발 시간이 증가함.

• CI 파이프라인을 통해 생성되는 도커 이미지의 큰 용량으로 컨테이너 레지스트리 비용이 증가함.

접근 방법

• Turborepo의 prune 기능을 활용하여 모노레포 의존성을 효율적으로 추출.

• 도커 이미지 생성 전 프로젝트 빌드를 선행하여 중복 빌드 작업 제거.

• 베이스 이미지 활용으로 의존성 설치 시간 단축.

• Turborepo Remote Cache 구현으로 CI 파이프라인에서 캐싱 효율 향상.

• paths-filter를 활용하여 변경된 모듈/서비스에 대해서만 선택적 도커 이미지 생성.

• 도커 외부 레지스트리 캐시를 통한 이미지 빌드 속도 개선.

결과

• CI 파이프라인 소요 시간을 5분에서 2분으로 60% 단축.

• NestJS 백엔드 도커 이미지 기준, 사이즈를 1.5GB에서 240MB로 80% 단축.

• 팀원들이 배포 결과물을 즉시 확인할 수 있게 되어 개발 효율성 향상.

프로젝트 소개

패미컴의 멀티플레이 게임을 온라인으로 할 수 있도록 지원하는 쿠버네티스 기반 클라우드 게임 프로젝트

프로젝트 주소

깃허브

역할

아키텍처 설계 / 쿠버네티스 클러스터 관리 / 백엔드 개발

기술 스택

TypeScript NestJS Prisma PostgreSQL Redis Docker Docker Compose Grafana Prometheus Github Actions Golang Kubernetes Helm Nginx ArgoCD

주요 작업

• Kubernetes 기반 인프라 아키텍처 설계 및 구축

• Github Actions을 활용한 CI 파이프라인 구축

• Helm Chart와 ArgoCD를 활용한 CD 파이프라인 구축

• Nginx Ingress를 활용한 클라우드 게임 라우팅 시스템 구축

• NES 에뮬레이터 원격 키 입력 기능 개발

• 클라우드 게임 스트리밍 파이프라인 구축

• Redis의 분산 락을 활용한 실시간 게임 로비 시스템 개발

• 학습 스프린트를 통해 8주간 자바스크립트 / 타입스크립트 미션 수행

  • CSR 방식이 아닌 SSR 방식을 통해 사용자 UX를 개선

    • 새로고침 시 로컬 스토리지에 스크롤의 위치를 저장하고
DomContentLoaded 이벤트 이후에 복구하는 방식 채택

    • Throttle 방식을 사용해 Drag 이벤트가 브라우저의 매 프레임마다 
실행되는 것을 막아 성능 최적화

  • 웹 서버를 프레임워크가 아닌 net 모듈을 활용하여 타입스크립트로 구현

    • HTTP 요청을 Validation 및 Parse 하는 모듈 개발

    • Express와 비슷한 서버 프레임워크를 개발하여,
반복적인 API 개발을 효율화

• 자바스크립트를 활용한 CS 미션 해결

  • 메모리 시스템 직접 구현

  • EventEmitter를 활용한 Pub/Sub 구조 구현

  • net 모듈을 통한 소켓 프로그래밍

  • Git의 commit, status, add 등의 핵심 기능 구현 및
현대 버전 관리 시스템 동작 원리 학습

  • 자바스크립트에서 동작하는 비동기 동작 원리 학습

• 이후 개인적으로 자바스크립트 프로세스 메모리 구조, V8 엔진의 GC 동작 방식 및 메모리 최적화 방법 연구

• IaC 도구인 Terrraform을 학습하고 프로젝트에 적용해 인프라 관리를 편리하게 하고 싶어 가입

• Terraform 동작원리 학습 및 실습

• Go를 활용한 Terraform Custom Provider 모듈 개발, 배포

• 이후 배운 경험을 기반으로 Cloud Canvas 프로젝트 기획 및 개발

• 리더로서 팀원 관리, 일정 조율, 학습 방향 모각코 활동 방향 설계

• Kubernetes를 활용한 클라우드 게임 시스템을 구현하기 위해서 팀원들과
관련 내용 학습

• 세 권의 책을 정독 및 실습 진행

  • 게임 서버 프로그래밍 교과서

  • 도커 교과서

  • 쿠버네티스 교과서

• 배운 내용을 기반으로 클라우드 게임 시스템에 대한 전반적인 아키텍처
설계 및 구축

• 활동 결과 장려상 수상