2025.04 - 2026.01프론트엔드 개발회사 프로젝트
더블유웍스 그룹웨어 SaaS
근태·인사·전자결재·ERP·CRM·PMS 도메인과 Electron 채팅 앱을 개발하며, 데이터 유실·대기 시간·배포 안정성 문제를 제품 구조로 개선했습니다.
- 98.3%
- 채팅방 생성 시간 단축
- 88.8%
- 중복 IPC 리스너 축소
- 0.9초
- FCP 개선
문제
전자결재 작성 내용이 세션 만료로 유실되고, 채팅방 생성 요청과 IPC 이벤트가 중복되어 대기 시간과 입력 지연이 발생했습니다.
해결
- 전자결재 기안에 자동 임시저장과 마지막 저장 시점을 적용했습니다.
- REST 요청과 Socket 이벤트가 중복되던 채팅방 생성 흐름을 단일 경로로 재설계했습니다.
- IPC 등록 경로를 단일화하고 입력 중 불필요한 리렌더링을 차단했습니다.
- 코드 스플리팅, CI/CD, 자동 업데이트, 코드 서명과 공증까지 배포 체계를 연결했습니다.
결과
- 채팅방 생성 시간을 약 6초에서 0.1초로 단축했습니다.
- 중복 IPC 리스너를 134회에서 15회로 88.8% 줄였습니다.
- FCP를 3.1초에서 2.2초로 개선하고, 입력 데이터 유실 가능성을 낮췄습니다.
기술 스택
ReactTypeScriptReact QueryZustandElectronSocket.IOIPCPlaywrightGitHub ActionsAWS
주요 성과
- 인사·근태·전자결재·ERP·CRM·PMS 사용자·운영 화면 개발
- 전자결재 기안 자동 임시저장으로 세션 만료·이탈 시 데이터 유실 가능성 감소
- Refresh Token을 httpOnly Cookie로 전환해 JavaScript 접근 제한
- 채팅방 생성 흐름 재설계: 약 6초 → 0.1초
- IPC 이벤트 등록 단일화: 134회 → 15회
- 코드 스플리팅으로 FCP 3.1초 → 2.2초
- GitHub Actions와 S3·CloudFront 기반 배포·자동 업데이트 구축
- Windows 코드 서명과 macOS 공증 적용