미리보기

모바일 트레이딩 시스템

• FE관련 서비스 개발
• 주식 모으기
• 주식 거래

• 초대 이벤트, 사전예약 등 이벤트성 페이지 개발 및 모듈화 작업
  • 이벤트를 통해 약 8%의 고객수 증가
• Blade & Soul 2 공식 홈페이지 개발 및 유지보수
• Lovebeat 공식 홈페이지 개발 및 유지보수
• 공식 홈페이지에 사용되는 공통 모듈 4가지 개발 및 공통화
  • 공통 모달, 커뮤니티 상단 배너, 3뎁스 탭, 대표 캐릭터 변경 탭

신규 서비스(튜터링 플레이) 개발

• 마이 페이지, 유튜버별 채널 페이지 및 구독 기능 개발 및 유지보수
• 플립카드 구현을 통한 사용자 경험 개선 작업 수행
• 에피소드, 핵심표현, 코스 페이지 기능 개발 및 해당 페이지 제작

튜터링 플레이 유지보수

• 튜터링 플레이 서비스의 유저 데이터를 분석하여 수업 노트 UI 개선 작업 수행
• 관리자(admin) 페이지 신고 기능 업데이트
• 관리자 페이지에서 채널, 에피소드, 코스 검색 기능 최적화 작업 진행

각 게임의 유저들을 위한 초대 이벤트를 쉽고 빠르게 제작할 수 있도록 템플릿화 진행

단발성 초대 이벤트 페이지 제작

• 초대 코드 등록 및 공유 페이지는 각 게임 IP의 요구사항과 원하는 형태에 맞게 제작

• 사용자 트래킹을 위해 Google Analytics(GA) 태그 추가

• 다국어 서비스 대응이 필요한 이벤트의 경우, 약 10개국 다국어 언어 대응을 제공

• 기술 스택: vue3, pinia, typescript, vite, scss

  • Battle Crush: https://battlecrush.plaync.com/en-us/invitation/events/cbt
  • Throne and Liberty: https://tl.plaync.com/invitation/events/beta/invite
  • Blade & Soul 2: https://bns2.plaync.com/ja-jp/invitation/events/influencer/register

초대이벤트 모듈화 작업

• 신규/복귀 타입, 인원 달성 타입 2가지 형태의 초대 타입 개발
• Vue로 개발된 이벤트성 페이지를 React와 vite를 사용하여 마이그레이션을 진행
• 보상, 초대하기 영역, 초대 코드 등록 영역, 상단 영역 등 초대에 쓰이는 모든 영역을 커스텀 가능하도록 개발
• 결합도는 낮고 응집도는 높아 재사용성이 높은 컴포넌트로 구현
• 초대서비스만의 디자인 시스템을 활용하여 디자인 적용 시간을 단축시켜 다양한 이벤트 페이지에 활용 가능하도록 함
  • 9가지의 개별 모듈 개발(안내 문구, 인증, 초대하기 코드, 초대 인원, 초대하기 코드 등록, 배너, 프로세스, 유의사항, 로그인)
• 기술 스택: react, react-query, vite, scss

게임 공식 홈페이지에 사용되는 공통 컴포넌트들을 모듈로 만들어 라이브러리로 관리하는 프로젝트

• 커뮤니티 상단 배너 개발

• 3뎁스 탭 개발

  • 트리 형태로 무한 뎁스로 개발가능하도록 재귀방식으로 리팩토링 진행

• 대표 캐릭터 변경 모듈 개발 및 관리

• 공통 모달 개발:

  • 다양한 형태의 UI 모달 패키지 개발 (alert, confirm, toast, modal 등)
  • SweetAlert2를 참고하여 커스텀 및 props 제공하여 유연한 사용 가능하도록 개발

• 기술 스택: typescript, scss

폐쇄망에서 관리되던 코드들을 유지보수가 용이하게 리뉴얼 작업을 리드

• 레거시 코드를 반응형 페이지로 개편
  • 러빗툰, 뮤직리스트, 패션, 초보자 가이드 등의 페이지 담당
• 형상 관리 시스템을 SVN(Subversion)에서 Git으로 변경
• JSP 코드를 React로 마이그레이션 진행
• API 캐싱 최적화를 위해 React-query를 도입
• 번들 용량 최적화를 진행해 500kb내외로 용량 조절
• 기술 스택: react, webpack, typescript, react-query, axios, react-paginate, scss
  URL: https://lovebeat.plaync.com/

각 게임별 약 50 만명+의 유저들이 참여하는 사전예약을 디자인과 타입을 적용할 수 있는 운영툴

• 사전예약에 사용되는 코어 기능 개발:
  약관 동의, 이메일 및 전화번호 인증, 쿠폰 번호 발행 및 확인, 보상 선택 UI 화면 등의 기능 구현

• 사전예약 운영툴 에디터에 사용되는 보상 모듈 개발 및 유지보수

• 다국어 대응 및 RTL(Right-to-Left)을 필요로 하는 국가에 따른 UI 대응 작업 수행

• bot과 매크로를 대응하기 위한 Captcha 기능 개발 및 적용

• 기술 스택: vue3, pinia, typescript, vite, scss