미리보기

게임 매니징 서비스 스타트업

• 보스라인의 랜딩페이지, 라인스마트 페이지, 분배 페이지, 보이스채널 페이지 제작 및 운영

• 생성형 AI서비스인 Storist, Avadot, PlumAI 프로젝트의 프론트엔드 담당 및 운영

• 개발 프로세스 개선

  • 코드 리뷰와 스프린트 회의를 도입하여 팀의 협업 효율성과 코드 품질 향상

  • 잦은 디자인/기능 변경으로 지속적인 버그 발생.

    • Typescript도입으로 타입 안정성을 강화하고 테스트 코드를 도입하여 버그 발생률 감소

• 배포 환경 구축

• 홈페이지 리뉴얼

  • 기존 PHP로 작성되어있던 홈페이지를 React.js를 사용하여 리뉴얼

• 라인스마트, 분배 페이지 제작

  • react-query를 통한 서버 상태 관리 개선: Redux 대비 코드 복잡도를 줄이고, 데이터 fetching 및 캐싱 로직을 간소화하여 유지보수성과 효율성 개선

  • 비동기 API 요청을 최적화: API 요청을 Promise.all로 병렬화하여 처리 시간을 단축함으로써 성능을 최적화

  • 로그인 구현: Supabase를 이용하여 디스코드 로그인 기능 구현

  • 동적 Import를 통해 빌드 시 오류 발생 제거, 성능 향상

• 보이스 채널 페이지 제작

  • 시그널링 서버 개발

  • P2P 방식의 토폴로지 구현

• 개발 프로세스 개선: 코드 리뷰와 스프린트 회의를 도입하여 팀의 협업 효율성과 코드 품질을 향상

• 테스트 코드 도입 및 작성: 코드 품질 향상을 위해 테스트 코드 작성 및 도입 주도

• 기술스택: react, redux, react-query, jest, emotion-styled

Link:https://bossline.gg/

생성형AI프로젝트

• 프로젝트의 프론트엔드 담당

• 본인인증 개발

  • Nice ID를 이용한 본인인증 시스템 개발

• 이미지 최적화 진행

  • Lazy Loading을 통해 초기 렌더링속도 15% 향상

• 결제 시스템 구현

  • 토스 페이먼츠를 이용하여 결제 시스템 개발

• 채널톡 도입

  • 유저와의 소통을 위한 창구 마련

• 번역 기능을 개발하여 사용자 이탈율 5% 감소

• 사용자 로그 수집: 구글 애널리틱스를 통해 사용자 활동 데이터 수집 및 분석

• 기술스택: react, typescript

생성형 AI 서비스

• AI이미지 생성 페이지 개발

• 마이페이지 개발

• 생성 내역 페이지에서 이미지 생성 페이지 이동 담당

  • 이미지 생성 내역 클릭 시, 이미지 생성 채팅 내역으로 이동하여 UX향상

• 이미지 수정 기능 개발

  • 생성된 이미지에 원하는 부분을 색칠하여 해당 부분을 지우는 기능 개발

• 기술스택: react, redux, react-query

생성형 AI 서비스

• 프론트엔드 담당

• 휴대폰 본인인증 개발

  • FireBase를 이용한 휴대폰 본인인증

• 기술 스택: react, typescript