확장성·지연시간·신뢰성을 위한 설계 과정

프론트엔드 성능, WebGL/WASM 시각화, 배포 파이프라인 — 재현 가능한 형태로 문서화한 프로덕션 엔지니어링 케이스 스터디.

4건

DevOps / 클라우드 인프라

AUDIT #02

커밋에서 프로덕션까지: Jenkins + K3s + ArgoCD GitOps 파이프라인

GitHub → Jenkins 빌드 → GHCR push → GitOps 저장소 업데이트 → ArgoCD를 통한 K3s 클러스터 배포까지 완전 자동화한 CI/CD 파이프라인.

배포

수동 SSH5분 이내 자동완전 자동화

인프라

단일 VPSK3s 클러스터고가용성

JenkinsDockerGitHub Container RegistryK3sArgoCDGitOpsNginxTailscale

플랫폼 엔지니어링 / DevSecOps

AUDIT #05

세 코드베이스의 Jenkins 파이프라인 정의를 중앙 저장소 하나로 모아 스테이지 구조를 통일하고, E2E를 Cypress에서 Playwright로 전면 이관해 350개 테스트를 CI에서 자동 실행하도록 만든 과정.

수동 회귀 테스트

~5시간~1시간−80%

E2E 파이프라인 정의

314줄 (Cypress)151줄 (Playwright)−52%

JenkinsGroovy (Declarative Pipeline)DockerPlaywrightSnykSonarQubeOWASP ZAP

HR 테크 / 채용 플랫폼

AUDIT #06

Next.js 14 Standalone 빌드와 pnpm 마이그레이션으로 Docker 이미지를 1.3GB에서 500MB로, 배포 시간을 15분에서 3분 이내로 줄인 과정.

Docker 이미지 용량

1.3GB500MB−62%

배포 시간

~15분3분 이내−80%

Next.js 14TypeScriptDockerJenkinspnpmGitHub Actionsnext-translate

개인 포트폴리오 / 3D 웹

AUDIT #10

인터랙티브 WebGL 씬, 매크로 키보드 컨트롤, Panda CSS, 그리고 Jenkins부터 K3s까지 이어지는 완전한 CI/CD 파이프라인을 갖춘 이중언어 3D 포트폴리오 사이트.

브라우저 3D

정적 포트폴리오 페이지인터랙티브 R3F 씬, 실서비스 중WebGL 직접 구현

파이프라인 배포

수동Jenkins → GHCR → K3s완전 자동화

Next.js 14React Three FiberThree.jsPanda CSSi18nextFramer MotionDockerJenkins

DIRECT ENGINEERING CONTACT

더 다양한 정보를 원하신다면, 언제든지 연락주세요.