SmartLEAD+

SmartLEAD에 편리한 기능을 추가하는 크롬 확장프로그램입니다.

Features

• 완전히 새롭게 디자인된 메인 페이지
  • 이번 주의 vod, 과제, 퀴즈 등 수업 내용을 한 곳에 모아둔 "이번주 학습 활동"
  • 앞으로 해야할 활동 들을 마감순으로 깔끔하게 정렬하여 볼 수 있는 "할 일 목록"
• 모던하고 현대적인 디자인
  • 글래스모피즘을 적용한 새로운 메인 페이지와 매일 매일 새롭게 바뀌는 배경화면
  • 폰트 변경 기능 (SmartLEAD 전체 적용)
  • 다크 모드 기능 (SmartLEAD 전체 적용)
• 진정한 Smart 시스템에 필요한 UX
  • VOD 다운로드
  • VOD PIP 기능
  • VOD 배속 기능
  • VOD 플레이리스트 기능
  • 자동 로그인 기능
  • and more...

Development

npm i
npm run dev

위 명령어를 실행한 다음, 생성된 dist 폴더를 크롬 확장프로그램 페이지에 Drag & Drop 하면 설치됩니다.

crxjs의 HMR 기능을 이용하므로, Development Build를 한번 설치하면 개발 서버가 돌아가는 동안에는 모든 수정사항이 즉시 반영됩니다.

참고: 현재 vite의 버그로 인해서 간혹 HMR이 먹통이 되는 오류가 있습니다. 다음 순서대로 해결하면 해결됩니다.

1. ts 파일에 아무 변경사항을 입혀서 저장
2. (그래도 안되면) vite.config.js에 아무 변경사항을 입혀서 저장
3. (그래도 안되면) 개발 서버 종료 후 npm run dev로 처음부터 다시 실행

Build

npm i
npm run build

위 명령어를 실행한 다음, 생성된 dist 폴더를 크롬 확장프로그램 페이지에 Drag & Drop 하면 설치됩니다.