미리보기

• jQuery, React, JSP를 이용한 프론트엔드 개발

• Yarnberry Workspace를 이용한 FE 모노레포 환경 구축

• 성능 개선과 DX 향상을 위해 jQuery + JSP 프로젝트를 Next.js로 마이그레이션

• Jenkins를 활용한 CI/CD 파이프라인 구축

• 소스코드의 안정적인 관리를 위한 SVN → Git 마이그레이션

• Vue.js와 Typescript를 활용한 공식 사이트 및 백오피스 개발

• 애플리케이션 안정성을 위한 Jest 및 Typescript 환경 구축

• 프로젝트 관리와 협업 안정화를 위한 Git Flow 도입

• Swit 웹훅 구축을 통한 빌드 워크플로우 자동화

• 웹뷰를 이용한 브릿지 인터페이스 설계

• 많은 팝업의 효율적 관리를 위한 Redux를 활용하여 중앙 관리

• MSW 구축을 통한 개발 효율성 향상

  • 촉박한 개발 기간을 2주 단축

  • FE에서 Mock API를 선 개발 후 더 나은 방향으로 피드백 제안

• GA4를 도입하여 프로젝트 이탈률을 제공함에 따라 사업적⠐프로젝트적 데이터 확보

• DAU 평균 5K 상승

• 테슬라 차량 소프트웨어에 주입하기 위한 경량화된 드라이브 페이지 개발

• 차량 소프트웨어 대응을 위한 리소스 86% 감축

  • 불필요 정적 이미지 제거 및 스켈레톤 처리를 통한 UX 개선

  • React Query를 이용한 API 캐싱

• Github Action를 통한 CI/CD 구축

• 아토믹 디자인 패턴을 활용한 컴포넌트 기반 개발

  • 타 브랜드 차량 B2B 대응

• JSP, jQuery 기반 프로젝트를 Next.js로 마이그레이션

  • 평균 렌더링 속도 4초 -> 1.6초대로 개선

• Yarnberry Workspace를 이용한 모노레포 환경 구성

• 디자인시스템 환경 구축 및 공통 컴포넌트 개발

• Jest와 Jenkins를 이용한 단위테스트 환경 구축(커버리지 70%)

• 뷰어화면만 제공하던 웹 오피스를 jQuery를 이용한 편집모드 제공

• SDK 브릿지 인터페이스 모듈화

• IndexedDB를 활용한 파일 손실 제로화

• Vue.js를 활용한 백오피스 공통 컴포넌트 개발

• PWA를 활용한 오프라인 방문자 초인종 서비스 개발

• 코드스플리팅을 이용하여 번들링사이즈 15% 감소

• vuex를 활용한 비즈니스로직 컴포넌트에서 분리

• 여러 책임이 합쳐진 컴포넌트를 단위에 맞게 재사용 가능한 컴포넌트로 분리

• UI 개선을 통한 결제 성공률 4% 증가

• i18n을 이용한 다국어 지원

• Typescript와 테스트 코드 도입을 통한 코드단위 오류율 78% 개선

COVID-19 대학생들을 위한 프로그램 제작 해커톤

• COVID-19 사태에 대학생들을 위한 프로그램 제작 해커톤 동상

• 개발자가 아닌 기획자로 참여하여 프로젝트의 전체 기획