복잡한 에너지 도메인과 운영 화면 안에서, 프론트엔드가 화면 구현만이 아니라 구조와 기준까지 함께 정리해야 하는 상황을 맡았습니다.
디자이너가 없는 환경에서 MUI 상용 테마를 실무 기준으로 다시 해석하고, Storybook을 중심으로 토큰·컴포넌트·문서 흐름을 정리해 협업 기준을 만들었습니다.
또한 기획–백엔드–프론트 사이에서 자주 흩어지던 요구사항을 구체화해, 변경 누락과 해석 차이를 줄이는 쪽으로 실무 판단을 이어갔습니다.
MUI 상용 테마를 조직 표준에 맞게 재설계하고, Storybook 기반 가이드와 Mock API(MSW)를 도입해 병렬 개발과 초기 검토 비용을 낮췄습니다. 외부 라이브러리(Windy CDN 등)를 SPA 환경에 안정적으로 통합하며 실행 환경 자체도 함께 정리했습니다.
복잡한 에너지 도메인과 운영 화면 안에서, 프론트엔드가 화면 구현만이 아니라 구조와 기준까지 함께 정리해야 하는 상황을 맡았습니다.
디자이너가 없는 환경에서 MUI 상용 테마를 실무 기준으로 다시 해석하고, Storybook을 중심으로 토큰·컴포넌트·문서 흐름을 정리해 협업 기준을 만들었습니다.
또한 기획–백엔드–프론트 사이에서 자주 흩어지던 요구사항을 구체화해, 변경 누락과 해석 차이를 줄이는 쪽으로 실무 판단을 이어갔습니다.
MUI 상용 테마를 조직 표준에 맞게 재설계하고, Storybook 기반 가이드와 Mock API(MSW)를 도입해 병렬 개발과 초기 검토 비용을 낮췄습니다. 외부 라이브러리(Windy CDN 등)를 SPA 환경에 안정적으로 통합하며 실행 환경 자체도 함께 정리했습니다.
운영팀 주도 업데이트에 의존하던 상점과 이벤트 화면을 더 빠르게 바꾸고, CS와 지표 확인 흐름도 함께 정리하는 일을 맡았습니다.
상점 페이지를 리뉴얼해 이벤트 전환이 자연스럽게 이어지도록 만들었고, 보상형 이벤트 콘텐츠는 웹뷰 기반으로 구현해 배포와 운영 부담을 낮췄습니다.
또한 관리자 페이지를 전담 리뉴얼하며 운영팀이 CS 처리와 지표 확인을 더 빠르게 할 수 있도록 화면과 흐름을 정리했습니다.
실서비스 환경에서 유지보수·신규 개발·운영 지원을 맡았습니다. 특히 관리자 페이지를 전담하며 pnpm·NextAuth·Tailwind+PreCSS 기반으로 이후 실서비스에서도 확장성과 유지보수가 용이한 구조를 만들었습니다.
운영팀 주도 업데이트에 의존하던 상점과 이벤트 화면을 더 빠르게 바꾸고, CS와 지표 확인 흐름도 함께 정리하는 일을 맡았습니다.
상점 페이지를 리뉴얼해 이벤트 전환이 자연스럽게 이어지도록 만들었고, 보상형 이벤트 콘텐츠는 웹뷰 기반으로 구현해 배포와 운영 부담을 낮췄습니다.
또한 관리자 페이지를 전담 리뉴얼하며 운영팀이 CS 처리와 지표 확인을 더 빠르게 할 수 있도록 화면과 흐름을 정리했습니다.
실서비스 환경에서 유지보수·신규 개발·운영 지원을 맡았습니다. 특히 관리자 페이지를 전담하며 pnpm·NextAuth·Tailwind+PreCSS 기반으로 이후 실서비스에서도 확장성과 유지보수가 용이한 구조를 만들었습니다.
Java/JSP/jQuery 기반 레거시 환경에서 신규 기능 개발 속도와 협업 효율을 함께 끌어올려야 하는 상황을 맡았습니다.
초기에는 jQuery prototype 기반 모듈화로 화면 구조를 정리했고, 이후 글로벌 서비스 단계에서는 Next.js 기반으로 전환하며 API 명세·UI 컴포넌트·협업 규칙을 다시 세웠습니다.
주니어 2명과 인턴 1명을 온보딩하며, 프론트엔드가 화면 구현을 넘어서 협업 기준을 만드는 역할도 함께 맡았습니다.
react-query·axios·emotion 등을 활용해 상태/데이터 관리 구조를 정비했고, ESLint/Prettier 기반 협업 규칙을 도입했습니다. 배포는 Express/EC2+pm2+deploy.sh 파이프라인으로 안정화했습니다.
Java/JSP/jQuery 기반 레거시 환경에서 신규 기능 개발 속도와 협업 효율을 함께 끌어올려야 하는 상황을 맡았습니다.
초기에는 jQuery prototype 기반 모듈화로 화면 구조를 정리했고, 이후 글로벌 서비스 단계에서는 Next.js 기반으로 전환하며 API 명세·UI 컴포넌트·협업 규칙을 다시 세웠습니다.
주니어 2명과 인턴 1명을 온보딩하며, 프론트엔드가 화면 구현을 넘어서 협업 기준을 만드는 역할도 함께 맡았습니다.
react-query·axios·emotion 등을 활용해 상태/데이터 관리 구조를 정비했고, ESLint/Prettier 기반 협업 규칙을 도입했습니다. 배포는 Express/EC2+pm2+deploy.sh 파이프라인으로 안정화했습니다.