프론트엔드 개발자
유인학입니다.

라이브 게임의 시즌별 웹 이벤트·캠페인을 경태 팀장과 함께 개발했습니다. 일부는 퍼블리싱부터 직접 진행하고, 프론트엔드 개발은 백엔드와 데이터 연동을 협업해 완성했습니다. 설날 윷놀이, 아이디어 페스티벌, 마춘자 브랜드관, 네이버웹툰 콜라보, 2026 대운동회 등 수십 종을 담당했습니다.

• 외주 퍼블리싱 가이드를 갱신해 외주 산출물의 품질과 일관성을 높임
• 이미지 webp 변환·srcSet 버전 관리로 로딩을 최적화하고, Swiper·html2canvas로 인터랙션 구현
• GA4 태깅으로 캠페인 성과 측정을 지원하고, 한게임·라온·스토브 등 채널링 환경 대응

게임 내 SNS형 커뮤니티 "광장"의 프론트엔드를 처음부터 맡아 구현했습니다. 게임피드, 스크랩, 해시태그, 응원메시지, 방문 기록, 길드광장 등 커뮤니티 핵심 기능을 설계·구현했습니다.

• 무한 스크롤 게시판을 TanStack Virtual 가상화로 렌더링해 대량 피드에서도 안정적인 성능 확보
• 게임 클라이언트와의 연동(인게임 로그인, square key 라우팅)과 AI 필터링·제재 콘텐츠 상태 처리
• apis / hooks / components를 도메인 단위로 분리해 관심사를 명확히 한 구조 설계

글로벌 게임 퍼블리싱 포털의 관리자 도구를 프론트엔드 담당으로, 백엔드 한 분과 합을 맞춰 구축했습니다. 국가·언어·약관 배포, 홈 레이아웃, 쿠폰, 공지 등 운영 전반을 담당했습니다.

• feature 기반 아키텍처 + MSW 목 + zod 스키마로 타입 안전성과 병렬 개발 생산성을 확보
• 토큰 인증 flow를 재설계해 30분 세션 만료·access token 중앙화·접근권한 정기검토 적용
• 입력값 유효성 검사를 공통 모듈로 구조화하고 날짜 처리를 UTC로 표준화

운영팀이 매일 사용하는 어드민의 기능 개발과 유지보수를 담당하며, 서비스 운영툴과 회원 관리 도구를 폭넓게 개선했습니다.

• 이벤트 설정·생일 이벤트 템플릿·공지·모니터링 키워드 등 운영 기능 개발
• 노블레스 런너즈 시즌 관리 화면을 신규 구축(시즌 생성·대상자 명단·혜택 기간 검증 등)
• 로그인 5회 실패 계정 잠금, 권한그룹 변경 사유 입력으로 변경 이력 추적 등 보안·감사 반영

PC 전용으로 제공되던 공식 홈페이지를 모바일·태블릿까지 대응하도록 반응형 전환했습니다. 커뮤니티, 내정보, 새소식, 노블레스 등 주요 섹션을 모바일 대응했습니다.

• Samsung/Galaxy 브라우저에서 SPA 진입 시 viewport가 적용되지 않던 문제를 useLayoutEffect 기반으로 해결
• iOS dialog 오토포커스·갤럭시 뒤로가기 쿠폰 초기화 등 기기·브라우저별 호환성 이슈를 다수 처리
• 모바일 최소 화면 너비 보장, PC 전용 화면 분기 등 안전한 분기 전략으로 점진적 전환

영업·고객 관리를 위한 CRM 시스템의 대시보드와 관리 화면을 개발했습니다. MUI 테이블과 ECharts 기반 시각화로 흩어진 데이터를 한 화면에서 파악할 수 있도록 구성했습니다.

• MUI Table 기반 대량 데이터 그리드를 정렬·필터·페이지네이션과 함께 구현해 운영 효율 향상
• ECharts로 매출·고객 지표 대시보드를 시각화해 운영진이 핵심 지표를 한눈에 파악하도록 지원
• 복잡한 관리 화면의 상태를 Jotai로 구조화하고 공통 폼·필터 컴포넌트로 재사용성 확보

학생의 진로·진학을 지원하는 시스템의 전면 리빌딩에 참여해, 전체 페이지의 프론트엔드를 새로 개발했습니다. 레거시 화면을 현대적인 컴포넌트 구조로 재구성했습니다.

• 레거시 시스템을 Next.js 기반으로 리빌딩하며 전체 화면 흐름과 라우팅을 재설계
• 진로·진학 데이터를 보여주는 조회 화면과 다단계 입력 폼을 구현해 사용 흐름을 단순화
• 컴포넌트 단위 재사용 구조를 도입해 다수 페이지를 일관된 UI로 통일

국내 상품을 해외 사용자에게 판매하는 국제 e-commerce 플랫폼과 WMS·OMS 백오피스의 프론트엔드를 개발했습니다. 다국가 환경을 전제로 사용자몰과 운영툴을 함께 다뤘습니다.

• 상품 탐색·장바구니·주문 흐름 등 e-commerce 핵심 사용자 플로우를 구현
• WMS·OMS 백오피스에서 입출고·주문 관리 화면을 대량 데이터 기준으로 설계
• 다국가 사용자를 위한 i18n·통화/배송 표기 처리로 글로벌 환경 대응

특수교육 대상 학습자를 위한 온라인 교육 플랫폼으로, 모바일 전용으로 제공되던 서비스를 웹앱 반응형으로 전환하고 ebook 학습 기능을 개발했습니다.

• 모바일 전용 화면을 데스크톱·태블릿까지 대응하는 반응형 웹앱으로 전환
• ebook 뷰어 기능을 개발해 페이지 탐색·학습 콘텐츠 렌더링을 구현
• 다양한 학습자를 고려한 접근성 친화적 UI로 사용성을 확보

여러 오픈마켓·자사몰의 주문·상품·재고를 한곳에서 관리하는 통합관리(OMS·CMS) 솔루션의 플랫폼과 백오피스를 개발했습니다. 글로벌 셀러를 위한 다국어 환경을 지원했습니다.

• 주문·상품·재고 등 대량 테이블 UI를 정렬·필터·페이지네이션과 함께 구현해 운영 효율을 높임
• i18n 다국어 구조를 도입해 글로벌 언어 환경을 지원하고 문구를 중앙에서 관리
• 반복되는 폼·모달·테이블을 공통 컴포넌트로 추상화하고 Jotai로 전역 상태를 가볍게 관리