서재완 - 이력서

서재완

소개

경력 사항

(주)아이지아이에스

• 개발자별 스타일 차이로 생기던 개발 환경 통일 이슈를 환경 구성과 룰 정의로 표준화하여 프로젝트 종료 후 설문에서 평균 4.67/5점으로 협업 만족도 개선

• 미디어 리스트 조회 API 응답 시간 평균 3.8초 병목을 불필요한 조인 쿼리 개선으로 0.03초로 단축 (약 99.2% 감소)

• 사용자 페이지에서 ID·PW 기반 인증으로 발생하던 인증정보 노출 위험을 토큰 기반 인증으로 전환하여 보안 안정성 개선

• AI 코딩 에이전트 도입을 제안·발표하여 팀 내 개발 워크플로우에 적용, 운영 가이드라인 수립

• 를 기획·운영하여 분기별 학습 → 실무 적용 체계 구축

(주)로맨

• 팀원별 UI 구현 편차로 생기던 유사 UI 중복을 아키텍처/템플릿 체계화로 해소하여 중복 코드 약 40% 감소

• API 의존으로 발생하던 프론트 대기 시간 병목을 MSW 목킹으로 해소하여 프론트·백엔드 병렬 개발 체계 구축, 출시 일정 평균 2주 단축

• Next.js 마이그레이션과 메타 태그 개선으로 Google Analytics 기준 검색 유입률 약 30~35% 증가

(주)포립소프트웨어

• 4인 규모 프론트엔드 팀을 이끌며 변화가 잦은 프로젝트 환경에서도 일정 준수율 90% 이상 유지

• 예상 대비 6배 동시 접속(6,000명)으로 인한 서버 장애를 AWS 수평 확장 및 트래픽 분산으로 30분 내 복구, 이후 안정 운영

• 해외 고객의 결제 요구에 대응해 PortOne(구 아임포트)을 통한 해외 카드 결제 기능 도입 주도

• 중복 로직을 유틸 함수로 분리·모듈화하여 전체 코드 라인 약 20% 절감, 일관성과 재사용성 강화

문제 해결 사례

1. 미디어 리스트 조회 성능 99.2% 개선

• 미디어 리스트 조회 시 평균 응답 시간 3.8초로 사용자 체감 로딩이 과도하게 느린 상태

• 프론트엔드에서 네트워크 탭과 쿼리 로그를 분석해 병목 원인이 불필요한 조인 쿼리에 있음을 식별

• 관계 연산으로 여러 테이블을 따라가며 조인이 누적되던 조회 구조를, 이미 테이블 컬럼에 존재하는 값으로 직접 조회하도록 쿼리를 직접 개선하여 불필요 조인 제거

• API 응답 시간 평균 3.8초 → 0.03초로 약 99.2% 단축

2. 프론트·백엔드 병렬 개발 체계 구축

• API 개발 완료를 기다려야 프론트엔드 작업이 가능한 순차적 개발 구조로 인해 병목 발생

• API 스펙 변경 시 프론트엔드 코드 전면 수정이 필요하여 출시 일정 지연

• MSW(Mock Service Worker)를 도입하여 API 목킹 기반 프론트엔드 독립 개발 환경 구축

• API 스펙 문서 기반으로 목 데이터를 사전 정의하여 백엔드 개발과 병렬 진행 가능하도록 개선

• 프론트·백엔드 병렬 개발 체계 정착으로 출시 일정 평균 2주 단축

3. 컴포넌트 아키텍처 체계화

• 팀원별 UI 구현 방식이 달라 유사한 UI가 각각 별도로 개발되어 중복 코드 증가 및 유지보수 비용 상승

• 공통 컴포넌트 없이 페이지 단위로 개발하다 보니 디자인 일관성이 떨어지고 수정 시 여러 파일을 동시에 변경해야 하는 구조

• 반복되는 UI 패턴을 분석해 공통 컴포넌트와 템플릿으로 분리하고, props 기반으로 변형 가능한 아키텍처로 재설계

• 컴포넌트 분류 기준(Atom·Molecule·Organism)을 수립하고 팀 내 가이드를 공유하여 일관된 개발 방식 정착

• 공통 컴포넌트 재사용률 70% 달성, 중복 코드 약 40% 감소

4. Next.js 마이그레이션을 통한 SEO 개선

• SPA 구조로 인해 검색 엔진 크롤러가 페이지 콘텐츠를 인식하지 못해 검색 노출률 저하

• 메타 태그가 동적으로 설정되지 않아 SNS 공유 시 미리보기 정보 누락

• 기존 React SPA를 Next.js로 마이그레이션하여 SSR/SSG 기반 렌더링 도입

• 페이지별 동적 메타 태그 및 Open Graph 태그 설정으로 SEO 및 소셜 미디어 대응

• Google Analytics 기준 검색 유입률 약 30~35% 증가

5. 동시 접속 6배 폭증 장애 대응 및 30분 내 복구

• 공무원 학습 인증 사이트 오픈 당일, 사전 예상(1,000명) 대비 약 6배(6,000명)의 동시 접속 발생

• 단일 서버 구조로 인해 서버 다운, 서비스 전면 중단

• AWS 인스턴스를 추가 배포하여 인증 서버를 5대로 수평 확장

• 기존 단일 진입 링크를 중간 분기 페이지로 변경하고, 랜덤 분산 로직을 적용하여 서버별 트래픽 분산

• 사후 회고를 통해 Nginx Reverse Proxy 기반 로드밸런싱 구조의 필요성을 정리하고 팀 내 공유

• 장애 발생 30분 내 서비스 복구, 이후 재접속 폭증 상황에서도 무중단 운영