소프트웨어 엔지니어

서건혁

행복을 개발하는 개발자 서건혁입니다.

어릴 때 친구와 함께 게임을 하며 '행복하다'라는 감정을 많이 느꼈고, 그래서 게임 개발자를 꿈꿨습니다. 하지만 살아가면서 게임뿐만 아니라 다양한 순간에서 행복을 찾을 수 있다는 걸 깨달았습니다.

저는 더 넓은 세상에서, 더 많은 사람들의 행복을 만들고 싶었습니다. 그 과정에서 웹이라는 무대를 만났고, 이곳이야말로 사람들이 일상 속에서 행복을 경험할 수 있는 곳이라고 생각했습니다.

제가 가진 개발 역량을 통해 동료들에게, 그리고 제가 만든 서비스를 사용하는 사람들에게 작은 행복을 선물하고 싶습니다.

<ul><li>학습 스프린트를 통해 8주간 자바스크립트 / 타입스크립트 미션 수행<ul><li>CSR 방식이 아닌 SSR 방식을 통해 사용자 UX를 개선<ul><li>새로고침 시 로컬 스토리지에 스크롤의 위치를 저장하고 DomContentLoaded 이벤트 이후에 복구하는 방식 채택</li><li>Throttle 방식을 사용해 Drag 이벤트가 브라우저의 매 프레임마다  실행되는 것을 막아 성능 최적화</li></ul></li><li>웹 서버를 프레임워크가 아닌 net 모듈을 활용하여 타입스크립트로 구현<ul><li>HTTP 요청을 Validation 및 Parse 하는 모듈 개발</li><li>Express와 비슷한 서버 프레임워크를 개발하여, 반복적인 API 개발을 효율화</li></ul></li></ul></li></ul>

네이버 부스트캠프 웹 모바일 9기 멤버십 - 웹 풀스택

<ul><li>자바스크립트를 활용한 CS 미션 해결<ul><li>메모리 시스템 직접 구현</li><li>EventEmitter를 활용한 Pub/Sub 구조 구현</li><li>net 모듈을 통한 소켓 프로그래밍</li><li>Git의 commit, status, add 등의 핵심 기능 구현 및 현대 버전 관리 시스템 동작 원리 학습</li><li>자바스크립트에서 동작하는 비동기 동작 원리 학습</li></ul></li><li>이후 개인적으로 자바스크립트 프로세스 메모리 구조, V8 엔진의 GC 동작 방식 및 메모리 최적화 방법 연구</li></ul>

네이버 부스트캠프 웹 모바일 9기 챌린지 - 웹 풀스택

<ul><li>IaC 도구인 Terrraform을 학습하고 프로젝트에 적용해 인프라 관리를 편리하게 하고 싶어 가입</li><li>Terraform 동작원리 학습 및 실습</li><li>Go를 활용한 Terraform Custom Provider 모듈 개발, 배포</li><li>이후 배운 경험을 기반으로 Cloud Canvas 프로젝트 기획 및 개발</li></ul>

오픈소스 컨트리뷰션 아카데미 체험형 - Git 활용 및 Terraform on Naver Cloud

<ul><li>리더로서 팀원 관리, 일정 조율, 학습 방향 모각코 활동 방향 설계</li><li>Kubernetes를 활용한 클라우드 게임 시스템을 구현하기 위해서 팀원들과 관련 내용 학습</li><li>세 권의 책을 정독 및 실습 진행<ul><li>게임 서버 프로그래밍 교과서</li><li>도커 교과서</li><li>쿠버네티스 교과서</li></ul></li><li>배운 내용을 기반으로 클라우드 게임 시스템에 대한 전반적인 아키텍처 설계 및 구축</li><li>활동 결과 <a target="_blank" rel="noopener noreferrer nofollow" href="https://sites.google.com/ajou.ac.kr/mks/%ED%99%88/2023%EB%85%84-%EB%8F%99%EA%B3%84-%EB%AA%A8%EA%B0%81%EC%86%8C/%EB%B0%9C%ED%91%9C%EC%9E%90%EB%A3%8C_2023-%EB%8F%99%EA%B3%84/6-%EC%9E%A5%EB%A0%A4-%EA%B2%8C%EC%9E%84%EC%84%9C%EB%B2%84%EA%B8%B0%EC%8A%B5%EC%88%AD%EB%B0%B0?authuser=0">장려상 수상</a></li></ul>

2024년 아주대학교 동계 모각코

<h3>프로젝트 소개</h3>GUI를 기반으로 인프라를 설계하고 Terraform 코드로 변환해주는 인프라 설계 솔루션<h3>프로젝트 주소</h3><a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/boostcampwm-2024/refactor-web37-cloud-canvas">깃허브</a><h3>역할</h3>인프라 설계 및 구축 / Cloud Canvas 서버 개발 / Ncloud SDK 마이그레이션<h3>기술 스택</h3><code>TypeScript</code> <code>NestJS</code> <code>Prisma</code> <code>MySQL</code> <code>Redis</code> <code>Docker</code> <code>Docker Compose</code> <code>Terraform</code> <code>EFK</code> <code>Grafana</code> <code>Prometheus</code> <code>Github Actions</code><h3>주요 작업</h3><ul><li>백엔드 개발</li><li>프로젝트 인프라 아키텍처 설계 및 구축</li><li>애플리케이션 도커라이징 및 환경에 따른 도커 컴포즈 구성</li><li>기존 Ncloud에서 제공하는 Ncloud SDK JS에서 비동기 및 클래스를 지원하도록 타입스크립트로 마이그레이션</li><li>모니터링 시스템 구축을 활용한 알림 시스템 구축</li><li>CI/CD 파이프라인 구축</li></ul><h3>프로젝트에서 겪은 주요 문제</h3><h4>프로젝트 인프라 설계 및 구축</h4>문서: <a target="_blank" rel="noopener noreferrer nofollow" href="https://goraedevelop.tistory.com/6">https://goraedevelop.tistory.com/6</a>문제<ul><li>콘솔을 통한 인프라 배치 현황 확인의 불편함.</li><li>동시 작업 시 인프라 배치 상태 확인을 위한 비효율적 소통 필요.</li><li>개발/프로덕션 환경 간 유사한 인프라 구성으로 인한 중복 작업.</li><li>환경 간 마이그레이션을 빠르게 진행 할 수 없는 불편함.</li></ul>접근 방법<ul><li>빠른 인프라 배치를 위해 IaC 도구 중 하나인 Terraform 도입.</li><li>Terraform Module 기능을 활용한 VPC/Subnet 및 Server/Public IP 모듈 제작.</li><li>Terraform Cloud를 통한 인프라 관리 중앙화 시스템 도입.</li></ul>결과<ul><li>팀원들이 코드 베이스를 통해 현재 배포된 인프라를 빠르게 확인 가능.</li><li>모듈화를 통해 개발 환경에서 프로덕션 환경으로 시스템 마이그레이션을 빠르게 마이그레이션 할 수 있게 됨.</li><li>Terraform Cloud를 통해 팀원들이 인프라를 중복 배치하는 사태를 방지하여 사전에 지출되는 비용을 방지</li></ul><h4>CI 파이프라인 속도 개선</h4>문서: <a target="_blank" rel="noopener noreferrer nofollow" href="https://goraedevelop.tistory.com/8">https://goraedevelop.tistory.com/8</a>문제<ul><li>CI 파이프라인의 긴 소요 시간으로 인해 작은 변경사항도 팀원들이 즉시 배포 결과를 확인할 수 없었음.</li><li>팀원들이 파이프라인 완료를 기다리는 동안 작업을 진행할 수 없어 개발 시간이 증가함.</li><li>CI 파이프라인을 통해 생성되는 도커 이미지의 큰 용량으로 컨테이너 레지스트리 비용이 증가함.</li></ul>접근 방법<ul><li>Turborepo의 prune 기능을 활용하여 모노레포 의존성을 효율적으로 추출.</li><li>도커 이미지 생성 전 프로젝트 빌드를 선행하여 중복 빌드 작업 제거.</li><li>베이스 이미지 활용으로 의존성 설치 시간 단축.</li><li>Turborepo Remote Cache 구현으로 CI 파이프라인에서 캐싱 효율 향상.</li><li>paths-filter를 활용하여 변경된 모듈/서비스에 대해서만 선택적 도커 이미지 생성.</li><li>도커 외부 레지스트리 캐시를 통한 이미지 빌드 속도 개선.</li></ul>결과<ul><li>CI 파이프라인 소요 시간을 5분에서 2분으로 60% 단축.</li><li>NestJS 백엔드 도커 이미지 기준, 사이즈를 1.5GB에서 240MB로 80% 단축.</li><li>팀원들이 배포 결과물을 즉시 확인할 수 있게 되어 개발 효율성 향상.</li></ul>

Cloud Canvas

<h3>프로젝트 소개</h3>패미컴의 멀티플레이 게임을 온라인으로 할 수 있도록 지원하는 쿠버네티스 기반 클라우드 게임 프로젝트<h3>프로젝트 주소</h3><a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/GoormBread">깃허브</a><h3>역할</h3>아키텍처 설계 / 쿠버네티스 클러스터 관리 / 백엔드 개발<h3>기술 스택</h3><code>TypeScript</code> <code>NestJS</code> <code>Prisma</code> <code>PostgreSQL</code> <code>Redis</code> <code>Docker</code> <code>Docker Compose</code> <code>Grafana</code> <code>Prometheus</code> <code>Github Actions</code> <code>Golang</code> <code>Kubernetes</code> <code>Helm</code> <code>Nginx</code> <code>ArgoCD</code><h3>주요 작업</h3><ul><li>Kubernetes 기반 인프라 아키텍처 설계 및 구축</li><li>Github Actions을 활용한 CI 파이프라인 구축</li><li>Helm Chart와 ArgoCD를 활용한 CD 파이프라인 구축</li><li>Nginx Ingress를 활용한 클라우드 게임 라우팅 시스템 구축</li><li>NES 에뮬레이터 원격 키 입력 기능 개발</li><li>클라우드 게임 스트리밍 파이프라인 구축</li><li>Redis의 분산 락을 활용한 실시간 게임 로비 시스템 개발</li></ul>

GoormBread

<ul><li>신사업부에서 헬스케어 플랫폼 개발<ul><li>프론트엔드<ul><li>React, Zustand, tailwindcss 기반 프론트엔드 구축</li><li>Lexical 기반 WYSIWYG 에디터 개발</li></ul></li><li>Jenkins, Docker를 활용한 CI/CD 파이프라인 구축</li><li>데이터베이스 스키마 설계</li></ul></li><li>소아암 프로젝트 유지보수<ul><li>업로드 된 파일 미리보기 뷰어 기능 개발</li></ul></li><li>인프라 관련 보고서 작성<ul><li>기존 AWS로 운영되던 프로젝트를 분석하고 NCP 마이그레이션 보고서 작성 및 비용 산출</li></ul></li></ul>

<ul><li>이미지를 조합해서 자신의 캐릭터를 만들 수 있는 Danzzak 서비스 외주 개발 진행<ul><li>이미지 리소스 관리 자동화<ul><li>쉘 스크립트로 이미지 파일 정리 시스템 개발</li><li>디자이너가 제작한 이미지 파일 관리 자동화</li></ul></li><li>프론트엔드<ul><li>HTML, CSS, JS 기반 프론트엔드 구축</li><li>기존 Danzzak 프론트엔드 유지보수</li></ul></li><li>백엔드<ul><li>ExpressJS 활용한 백엔드 구축</li><li>어드민 시스템 개발</li></ul></li></ul></li></ul>