미리보기

주요 업무 및 성과:

1. UI/UX 개발 및 시스템 개선

- 일렉트론 기반 마이그레이션을 통한 시스템 안정성 향상

- 오프라인 모드와 로컬 데이터베이스 구축으로 네트워크 장애 문제 해결

- 어드민 개발

2. 성능 최적화

- Core Web Vitals 지표 개선 (CLS 0.1 이하, FCP 1.5초 미만)

- BlinkDB 도입으로 대규모 데이터 처리 성능 향상

3. 인프라 개선

- EC2에서 CloudFront와 Serverless 아키텍처로 전환하여 배포 프로세스 간소화

- SSR에서 CSR 방식으로 전환하여 서버 안정성 확보 및 운영 비용 절감

4. 프로젝트 관리

- 체계적인 문서화 시스템 구축으로 공공기관과의 소통 효율 향상

- 기능별 체크리스트 작성과 주간 진행 상황 점검을 통한 효율적인 프로젝트 관리

5. 국제화 및 확장성

- i18n 적용을 통한 다국어 지원 시스템 구축

• UI/UX 설계 및 개발을 수행했습니다.

• 윈도우 프로그램의 일렉트론 마이그레이션을 체계적으로 진행했습니다. 기능별 체크리스트 작성과 주간 진행 상황 점검을 통해 우선순위를 설정하고, 계획된 일정 내에 마이그레이션을 완료했습니다.

• 기존 윈도우 프로그램의 SQL 직접 실행 방식을 일렉트론의 IPC 호출 방식으로 개선했습니다. 이를 통해 데이터 접근 계층을 분리하고 유효성 검증을 강화하여 코드 유지보수성을 향상시켰습니다.

• 현장 파견을 통해 실시간 이슈 대응과 요구사항 변경에 신속하게 대처했으며, 긴밀한 협업으로 개발 효율성과 프로젝트 완성도를 제고했습니다.

• UI/UX 설계 및 개발을 수행했습니다.

• 레거시 브라우저 지원을 위해 크롬 56 버전에서 기능 테스트를 수행했습니다. 테스트는 계획, 실행, 분석 단계로 체계적으로 진행하여 안정성을 검증했습니다. 레거시 브라우저에서 지원되지 않는 기능들은 폴리필을 적용해 호환성을 확보했으며, 핵심 기능의 반복 테스트를 통해 신뢰성을 높였습니다. 발견된 문제는 즉시 수정하여 예정된 일정 내에 테스트를 완료했습니다.

• 프로젝트의 체계적인 관리를 위해 문서화 시스템을 구축했습니다. 버그 리포트, 기능 요구사항, 우선순위를 문서화하여 공공기관과의 소통 효율을 높였습니다. 정기적인 업데이트와 피드백을 통해 프로젝트 진행 상황을 공유하고 요구사항을 신속히 반영했습니다.

• 대규모 데이터 처리 시 발생하는 메모리 문제를 해결하고자 BlinkDB를 도입했습니다. 기존 자바스크립트 객체는 데이터 양이 증가할수록 성능이 저하되어 대용량 데이터 처리에 한계가 있었습니다. BlinkDB의 인덱싱과 쿼리 최적화 기능을 활용하여 필터링, 정렬, 페이지네이션을 효율적으로 처리함으로써 메모리 성능과 응답 속도를 개선했습니다.

• 데이터와 로그의 실시간 모니터링이 가능한 어드민 페이지를 개발했습니다.

• 서버에서 전달되는 카테고리별 데이터 타입을 Discriminated Union으로 개선하여 타입 추론의 정확성과 복잡한 데이터 구조의 안전한 처리를 구현했습니다.

• 공연장 내 티켓 확인 시스템에서 네트워크 통신 장애로 인한 입장 지연이 빈번히 발생했습니다. 이를 해결하기 위해 웹 기반 시스템을 일렉트론 기반으로 전환했으며, 오프라인 모드와 로컬 데이터베이스를 구축하여 네트워크 상태와 무관하게 안정적인 티켓 확인이 가능하도록 개선했습니다. 그 결과 시스템 안정성과 성능이 크게 향상되었습니다.

• 공연장 입출입 전용 데스크톱 앱을 새로 개발했습니다. 입출입 시스템을 독립적으로 분리하고 불필요한 기능을 제거하여 버그와 크래시 발생을 최소화했으며, 시스템 안정성을 크게 개선했습니다.

• 데스크톱 애플리케이션 마이그레이션을 위한 체계적인 계획을 수립했습니다. 체크리스트와 우선순위 목록을 작성하고, 주간 진행 상황 점검과 이슈 문서화를 통해 팀원들과 효율적으로 소통하며 일정 내에 마이그레이션을 완료했습니다.

• UI/UX 설계 및 개발을 수행했습니다.

• 백오피스 프로젝트의 개발 효율성 향상을 위해 기능별 모듈화와 재사용 가능한 컴포넌트 시스템을 구축했습니다. 페이지 레이아웃과 핵심 기능의 템플릿화로 신규 기능 개발 시간을 단축하고, 코드의 일관성과 유지보수성을 크게 개선했습니다.

• 어드민 시스템과 웹사이트를 개발했으며, i18n을 적용해 해외 이용자를 위한 다국어 지원 시스템을 구축했습니다.

• 실시간 거래량 모니터링을 위한 order book을 개발했습니다.

• 유지보수 기간 중 구글의 Core Web Vitals 지표를 개선하여 모든 지표에서 80점 이상을 달성했습니다.

• 레이아웃 안정성 지표인 CLS(Cumulative Layout Shift)를 개선하기 위해 데이터 로딩 시 skeleton 컴포넌트를 도입했습니다. 이를 통해 CLS 수치를 0.25에서 0.1 이하로 낮췄습니다.

• 초기 콘텐츠 표시 속도인 FCP(First Contentful Paint) 개선을 위해 리소스 최적화를 진행했습니다. 리소스 우선순위 지정(prefetch, preload), SSR 적용, 대형 컴포넌트의 코드 분할을 통해 FCP를 1.5초 미만으로 단축했습니다.

• UI/UX 설계 및 개발을 수행했습니다.

• 배포 인프라를 EC2에서 CloudFront와 Serverless 아키텍처로 전환하여 배포 프로세스를 간소화했습니다. 이를 통해 배포 준비 시간이 단축되었고, 인프라 구성 자동화로 운영 복잡도가 낮아져 배포 과정의 인적 오류를 최소화했습니다.

• Next.js를 활용하여 리액트 네이티브 웹뷰와 연동된 웹 기능을 개발했습니다.

• Next.js 기반의 어드민 사이트를 구축했습니다.

• UI/UX 설계 및 개발을 수행했습니다.

• 배포 인프라를 EC2에서 CloudFront와 Serverless 아키텍처로 전환하여 배포 프로세스를 간소화했습니다. 이로 인해 배포 준비 시간이 크게 단축되었으며, 인프라 자동화와 serverless 아키텍처 도입으로 운영 복잡도가 낮아지고 배포 과정의 인적 오류가 최소화되었습니다.

• 아임포트를 통해 본인인증을 구현하고, 작품 거래 시스템을 실제 현금 결제 방식으로 연동했습니다.

• Next.js 기반의 어드민 사이트를 구축했습니다.

• 모바일 전용으로 개발된 페이지를 JavaScript MediaQuery를 활용해 데스크탑 모드로 확장했습니다. 이를 통해 고객사의 요구사항을 비용 효율적이고 신속하게 반영했습니다.

• UI/UX 설계 및 개발을 수행했습니다.

• 배포 인프라를 EC2에서 CloudFront와 Serverless 아키텍처로 전환하여 배포 프로세스를 간소화했습니다. 이로 인해 배포 준비 시간이 크게 단축되었으며, 인프라 자동화와 serverless 아키텍처 도입으로 운영 복잡도가 낮아지고 배포 과정의 인적 오류가 최소화되었습니다.

• Next.js 기반의 어드민 사이트를 구축했습니다.

• UI/UX 설계 및 개발을 수행했습니다.

• javascript, html, scss 기반으로 어드민 사이트를 구축했습니다.

• UI/UX 설계 및 개발을 수행했습니다.

• javascript, html, scss 기반으로 어드민 사이트를 구축했습니다.

• UI/UX 설계 및 개발을 수행했습니다.

• STOMP 프로토콜 기반의 WebSocket 실시간 통신 시스템을 구축했습니다.

• SSR 형태의 초기 웹사이트에서 전 세계적 트래픽 증가로 운영 비용 상승과 서버 다운 문제가 발생했습니다. 이를 해결하기 위해 SSR을 제거하고 CSR 방식으로 전환하면서 CloudFront를 도입했습니다. 그 결과 서버 안정성을 확보하고 운영 비용을 절감했습니다.

• 해외 이용자를 위해 i18n을 적용하여 다국어 지원 시스템을 구축했습니다.