2018년 4월 입사 후 약 3년간 인사팀에 합류하여 시스템화 되어있지 않은 HR 업무들을 시스템화 하는 업무를 수행하였으며 단독으로 설계/구축을 성공적으로 수행하였고 모두가 사용하는 백오피스 서비스로 성공적으로 운영 하였습니다. 휴가 및 근무시간 관리의 체계적인 시스템화를 통해 인력 관리 효율성을 향상시키고, 프로젝트 수행에 필요한 인건비를 예측할 수 있는 기반을 마련했습니다.

2021년부터는 데이터팀으로 이동하여 PO 및 개발자로서 파편화된 데이터 시각화 서비스들을 전사 BI 서비스를 리뉴얼하였고, 주요 의사결정에 필요한 정보를 제공하고 구성원들에게 데이터를 안정적으로 제공하는 서비스를 운영하였습니다.

두 팀에서 모두 1인개발로 시작하여 회사의 중요한 프로덕트로 만들었고, 그 성과를 인정받아 팀 내부에 FE 개발 파트들이 생겨 작은 규모이지만 팀을 리딩하는 역할도 수행하였습니다.

BI 프로젝트에서는 Vue 2 -> Vue 3 -> Next.js 의 단계를 거친 레거시 개선을 통해 SSR, 캐싱 등을 활용한 성능 최적화를 이루었으며, 대용량 데이터 최적화를 위한 다양한 작업을 수행하였습니다.

Claude Code를 활용한 탄탄한 소프트웨어 설계 및 구현을 위해 프로젝트들에서 공통으로 사용할 Harness Template을 구축하면서, 코드의 일관성과 안정성을 유지하는 워크플로우들을 만드는 경험 등을 진행하였씁니다.

Adobe AEM 기반으로 대기업들의 웹 CMS 및 자산 관리 도구에 대한 SI 프로젝트를 수행하였습니다. 고객들의 디지털 에셋 관리 웹 서비스 구축, 코드 수정 없이 Drag & Drop, 프로퍼티 기반으로 브랜드 사이트를 관리할 수 있는 웹 CMS, 두가지 관리 서비스를 사용한 브랜드사이트 구성, 스테이징 단계부터 라이브 서비스까지의 workflow 등의 작업을 수행하며 웹 프로젝트의 라이프사이클부터 고객들에게 닿는 엔드 프로덕트 구축까지의 업무를 수행하였습니다.

아모레퍼시픽, KIA, 삼성, AIA, 암웨이 등의 대규모 AEM 기반 웹 CMS 프로젝트에 투입되어 고객 요구 사항을 신속하게 분석하고, 필요한 컴포넌트를 제안 및 서비스에 성공적으로 도입하였습니다.

자주 사용되는 모던 웹 프레임워크들을 실제 운영하는 프로젝트에서 모두 다뤄봤으며, 현재는 Next.js와 React를 메인으로 다루고 있습니다.

Next.js (React)는 SSR을 활용한 렌더링 속도 개선, Lighthouse 점수 최적화 등의 웹 성능 개선을 위한 작업들을 경험했으며, 빌드나 런타임 시 발생하는 문제들을 해결한 경험이 있습니다. Framework의 운영 경험으로 작동방식에 익숙하고, React Query, Zustand 등의 상태관리 툴의 역할들에 대해 잘 이해하고 있고, 이 기술들을 왜 사용해야 하는지에 대해 고민하고 학습하고 있습니다.

사내의 작은 서비스들이나 사이드 프로젝트에서 주로 활용했으며, 프레임워크의 구조, 기능들에 대해 이해하고 사용할 수 있습니다. 기본적인 백엔드의 역할부터 Passport를 활용한 JWT기반 인증, Microservice를 활용한 Pub/Sub 형식의 데이터 처리, 웹 소켓 등을 실제 라이브 서버에 사용해본 경험을 가지고 있습니다.

단순히 에이전트를 활용하는 개발뿐만 아니라 팀 단위의 프로젝트에서 최대한 동일한 기준으로 안정적인 구현이 이루어질 수 있도록 Harness Engineering 을 주도하고 개선하는 경험을 가지고 있습니다.

BI 개발 당시 대량의 데이터를 parquet 파일로 처리하기 위해 pandas를 사용해야함에 따라, 백엔드를 FastAPI를 사용하여 프로젝트를 진행 및 운영한 경험이 있습니다. 유지보수 및 코드 품질개선을 수행할 수 있습니다.

GitOps를 활용하여 ECS까지 배포하는 CI/CD를 직접 구축하고 운영한 경험이 있습니다.

Git-flow 와 Jira 티켓을 연동하여 체계적인 스프린트 운영과 코드리뷰 환경을 구축하여 팀을 운영한 경험이 있습니다.

담당 업무

- 사내 전산화되지 않은 시스템들을 웹서비스화하여 인사팀/회계팀 업무 프로세스 개선

- 1인 개발로 런칭 및 운영 진행, 팀 확장 후 개발자 3명, 디자이너 1명 파트 리더 역할

- 요구사항 정의부터 기획, 설계, 개발까지 전 과정 수행

성과
- HR 핵심 업무 90% 이상 서비스화로 운영 효율 극대화
- 채용 프로세스 100% 전산화로 안정적인 프로세스와 데이터 기반 채용 환경 구축

기술 스택

- Frontend: Vue

- Backend: Serverless Framework, AWS Lambda

- Hosting: Firebase hosting

포트폴리오 바로가기

담당 업무

- 팀별로 파편화되고 노후화된 BI 시스템 통합 및 신규 구축 메인 개발자

- 프론트엔드 1인 개발로 초기 런칭, 이후 FE 파트 파트장 및 프로덕트 오너 역할

- 외부 협력업체 서비스 제공을 통한 퍼블리싱 사업 확장 기여

- 사내 게임의 실제 개발 비용에 대한 라이브 모니터링 및 분석 서비스 구축

- SSE를 활용한 AI 기반 리포트 및 분석 서비스 구현중

성과
- 4개의 팀에서 파편화되어 사용하던 BI/지표 시스템을 전체 통합
- Next.js 전환과 SSR/캐싱 적용으로 주요 대시보드 로딩 시간을 50~80% 단축
- ECS 및 Blue/Green 배포 도입으로 무중단 서비스 운영

기술 개선

- Vue2에서 Next.js로 레거시 개선

- Next.js SSR 및 Lighthouse 평가를 활용한 웹 성능 개선

- 모바일 사용 니즈에 따른 반응형 UX 대응

기술 스택

- Frontend: Vue2 -> Next.js, React Query, Zustand

- Backend: FastAPI

- Infrastructure: AWS ECS

포트폴리오 바로가기

약 3개월간 "포켓몬 카드게임 Pocket" 모바일 게임의 덱 빌더, 덱 티어, 트레이드, 실시간 커스텀 랭크게임 등 핵심 기능을 설계 및 개발하여 유저들에게 제공하였습니다. 이 기간 동안 활성 사용자 수 1.3만명 및 하루 최대 접속자 수 1300명을 기록하며, 관련 게임 한국 커뮤니티 1위를 달성했습니다. 다만, 게임 내 랭크게임 출시, 오리지널 컨텐츠의 부족 등으로 프로젝트를 종료하였고 운영 경험을 통해 BM 과 리텐션 설계에 대한 고민과 중요성을 학습했습니다.

기술스택으로는 Next.js / React Query / Supabase 등을 활용하였고, 유저의 인증정보 관리를 위한 JWT기반 인증전략 사용, 웹 성능 개선을 위해 Lighthouse 를 통해 LCP, CLS 개선 경험을 하였고,
실시간 채팅과 게임 매칭을 위한 SSE, 웹 푸시알림을 위한 PWA 등을 경험하였습니다.

포트폴리오 바로가기