미리보기

• 화상수업 서비스 개발 및 기존 서비스 레거시 코드 개선, 유지보수
• 기존 서비스 NextJs로 마이그레이션 및 글로벌화
• 디자인 시스템 신규 개발 및 사용성 개선
• 프론트엔드 배포 과정 개선 및 아키텍쳐 설계

Description

일관성 있는 디자인, 디자이너와 개발자의 협업 효율 증가, 개발자 작업속도 향상을 위한 디자인시스템 구축

Experience

• 개발자 경험을 향상시키기 위해 타입스크립트 적용 및 멀티레포 환경에서 적용하기 위해 NPM배포
• 사내 앱(ReactNative)에도 적용하기 위해 모바일 버젼 적용(진행중)
• 대부분의 서비스를 Tailwind로 사용하고 있어 관련 유틸함수, config 기능 추가

Techstack

webpack TailwindCss Typescript

Description

사내 게임서비스를 사용할 수 있는 플랫폼 서비스

Experience

• 화상수업서비스(호두클래스)를 이용할 수 있는 페이지 유지보수 및 2.0버젼으로 리뉴얼하여 사용자 경험 향상
• 신규 배너 및 소개페이지 리뉴얼하여 마케팅팀이 효율적인 업무를 하는데 기여
• NextJS를 이용하여 데이터가 느린 동남아에서 ServerSide에서 번역 작업을 적용하여 유저경험 향상 및 서비스 리뉴얼
• NextJS Middleware와 CDN Header값을 활용해 나라별 분산 리디렉션 처리
• App Router를 적용하여 서버상태와 클라이언트 상태를 분리한 코드 아키텍쳐 적용

Techstack

NextJS TailwindCss Typescript zustand

Description

사내 게임서비스를 학원지사에서 판매할 수 있도록 하는 LMS(Learning Manage System)

Experience

• 권한 별 유저를 처리할 수 있는 아키텍쳐 구성
• 사내 계정이 Google에 연동돼있어 GoogleSheet API와 JS코드를 이용해 번역작업 자동화하여 협업 시간 70%, 개발 속도 50%감소
• 일본어 번역작업을 진행하여 일본에서 서비스를 할 수 있는데 기여, 여러나라에 적용할 수 있는 아키텍쳐로 리팩토링

Techstack

NextJS TailwindCss Typescript zustand

Description

사내 게임서비스를 이용중인 유저와 영어 선생님을 매칭하여 화상수업 할 수 있는 서비스

Experience

• 화상수업 서비스 Agora를 활용하여 RTM, RTC를 적용한 화상수업 서비스 유지보수
• Agora의 화상수업 서비스 FlexibleClassRoom SDK를 사용하여 유저가 사용하기 편한 기능들을 추가해 2.0 버젼으로 리런칭
• SDK CI/CD과정에서 인프라팀과 협업하여 아키텍쳐 적용 후 개발자경험 향상
• 화이트보드 기능에서 객체지향코드(Typescript Class + Mobx) 적용

Techstack

React Agora Typescript

• 타입스크립트로 작성한 코드에서 가독성을 위한 Tsdocs 적용. 링크

• 스피커(1회), 스태프(1회,2회)
• 홈페이지 개발, 스태프로 활동하여 1회차 지원자 130명, 2회차 지원자 460명 유치에 기여
• 발표영상 - 스프린트에서 배운 a~z까지 개발 경험기

• 지식 공유를 위하여 코드잇에서 코드 리뷰, 자바스크립트와 리액트 및 코드 작성과 협업에 대한 세션 진행

• 스타트업에서 일하는 이유와 나만의 일하는 방식에 대한 인터뷰
• 발표영상 - "내가 다닐 회사는 내가 고른다" 스타트업에 다니는 현직자들의 속시원한 인터뷰

• 구름톤4기에서 리더 및 프론트엔드 개발자로 최우수상 수상
• 구름톤 당시 애자일 문화로 최우수상을 수상했던 경험을 주제로 구름톤 네트워킹 행사에서 스피커로서 참여