살린 · Swing · 2024.01 ~ 2024.07
2인 팀에서 프론트엔드 전 영역을 구축
Swing 서비스 웹 + 관리자 CMS 프론트엔드 단독 개발
백엔드 개발자 1명과 2인 팀에서 사용자 웹, 관리자 CMS, WebGL 진입·인증 연결까지 프론트엔드 전 영역을 맡았습니다.
- 문제
- 업무 지원 기능과 Unity WebGL 가상 오피스를 함께 제공하는 신규 서비스를 2인 팀이 처음부터 만들어야 했습니다.
- 결정
- 서비스 개발에 앞서 공통 보일러플레이트와 CMS UI 패키지를 먼저 만들고, 두 앱에 같은 방식으로 적용했습니다.
- 결과
- 인증부터 업무 지원 관리와 가상 오피스 진입까지 하나의 서비스 흐름으로 완성했습니다.
결과 근거: 이력서 기재 내용. 이력서에 정량 결과는 적혀 있지 않습니다.
구조
- Webpack 5 · Vite 보일러플레이트 · 확정
- CMS UI 패키지 · 확정
공통 기반. 서비스 개발에 앞서 사용자 웹용 Webpack 5, CMS용 Vite 보일러플레이트와 CMS UI 패키지를 구축합니다.
범례
- 임시·화면 계산
- 확정
- 문제 발생
- 대기
- 복구
서비스 화면은 공개 캡처가 없어 구조를 다시 그린 도식입니다. 실제 화면이 아닙니다.
판단
2인 팀에서 개발 속도를 어떻게 확보할 것인가
서비스 개발 전에 공통 기반(보일러플레이트·CMS UI 패키지)부터 구축
사용자 웹용 Webpack 5, CMS용 Vite 보일러플레이트와 CMS UI 패키지를 먼저 만들고 두 앱에 같은 방식으로 적용해 화면별 설정과 반복 UI를 일정하게 유지했습니다.
Unity WebGL 자산을 어떻게 가져올 것인가
환경별 S3 경로에서 받아 빌드에 포함
Unity 자산을 환경별 경로로 관리해 개발·운영 환경이 같은 방식으로 동작합니다.
문제와 해결
문제
웹 서비스의 인증과 Unity WebGL 가상 오피스 진입을 하나의 흐름으로 이어야 했습니다.
해결
웹 토큰을 가상 오피스 진입 과정에 연결해 인증부터 진입까지 하나의 흐름으로 완성했습니다.
이력서 원문
백엔드 개발자 1명과 2인 팀에서 사용자 웹, 관리자 CMS, Unity WebGL 가상 오피스 진입·인증 연결까지 프론트엔드 전 영역을 구축했습니다.
문제
Swing은 업무 지원 기능과 Unity WebGL 가상 오피스를 함께 제공하는 신규 서비스였습니다. 백엔드 개발자 1명과 2인 팀에서 사용자 웹, 관리자 CMS, WebGL 진입·인증 연결까지 프론트엔드 전 영역을 구축해야 했습니다.
기여
서비스 개발에 앞서 사용자 웹용 Webpack 5·CMS용 Vite 보일러플레이트와 CMS UI 패키지를 구축하고, 이를 적용해 인증·대시보드·사업지원 관리 화면을 구현했습니다. Unity 자산을 환경별 S3 경로에서 받아 빌드에 포함하고, 웹 토큰을 가상 오피스 진입 과정에 연결했습니다.
결과
인증부터 업무 지원 관리와 가상 오피스 진입까지 하나의 서비스 흐름으로 완성했습니다. 공통 개발 기반을 Swing 사용자 웹과 CMS에 적용해 화면별 설정과 반복 UI를 같은 방식으로 유지했습니다.