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

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

3건

의료 AI / 디지털 병리

AUDIT #03

PATH 병리 이미지(WSI) 분석 플랫폼: 뷰어 개발과 납품 전 보안 점검

OpenSeadragon 기반 WSI(Whole Slide Image) 뷰어·인터랙션 UI를 개발하고, 의료기관 온프레미스 납품에 앞서 OWASP ZAP으로 인증 플로우를 점검하는 절차를 만든 과정.

납품

사내 스테이징까지의료기관 온프레미스 배포납품 완료

납품 전 보안 점검

절차 없음OWASP ZAP 기반 인증 플로우 스캔절차 도입

ReactTypeScriptJotaiReact Hook FormTanStack QueryOpenSeadragonOWASP ZAP

바이오테크 / 항체-약물 접합체(ADC)

AUDIT #04

항체-약물 접합체(ADC) 데이터 플랫폼에 Molstar·RDKit 기반 3D 단백질/2D 화학구조 뷰어를 구현하고, Claude Code 기반 Playwright E2E 테스트 자동 생성 워크플로우를 도입한 과정.

E2E 테스트 작성

수동 스펙 작성Claude Code 기반 자동 생성워크플로우 도입

E2E 표준

제품마다 제각각 CypressAD3 28개 앱 이관의 기준이 된 Playwright 컨벤션표준 수립

ReactTypeScriptNext.js 16MolstarRDKitTailwind CSSPlaywrightClaude Code

플랫폼 엔지니어링 / DevSecOps

AUDIT #05

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

수동 회귀 테스트

~5시간~1시간−80%

E2E 파이프라인 정의

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

JenkinsGroovy (Declarative Pipeline)DockerPlaywrightSnykSonarQubeOWASP ZAP

DIRECT ENGINEERING CONTACT

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