frontend.tech mail.ru

frontend.tech-mail.ru

frontend.tech-mail.ru 사이트 출처

테크노파크, 2024년 가을

팀

• npm run deploy 프로젝트를 .deploy.git 디렉터리에 빌드하고 결과를 GitHub 저장소 frontend-park-mail-ru.github.io에 업로드합니다.

  • 커밋 주석은 다음 명령에 대한 인수로 따옴표로 묶을 수 있습니다. npm run deploy -- "Add awesome slides" (아직 작동하지 않음)

• npm run build 프로젝트를 dist 디렉터리에 빌드하고 종료합니다.

• npm run show 프로젝트를 dist 디렉터리에 빌드하고 이 디렉터리에서 정적 서버를 시작하여 결과를 확인합니다. 파일 변경 사항 모니터링과 사이트 자동 재구축 및 다시 로드도 활성화됩니다.

• npm run add-slides source/slides 폴더에 새 프레젠테이션을 위한 템플릿을 생성합니다.

강의 슬라이드를 개발하려면

npm i -g reload 설치하고 cd source/ 로 이동하여 reload -bv -p 8081 실행할 수 있습니다. 열리는 브라우저 창에서 http://localhost:8081/slides/s1/ 페이지로 이동합니다.

프로젝트 구조

• .deploy.git 은 사이트를 frontend-park-mail-ru.github.io 저장소에 배포하는 데 사용됩니다.
• dist 사이트 어셈블리가 포함되어 있습니다.
• tasks 그런 작업이 포함되어 있습니다.
• source 에 사이트 소스가 포함되어 있습니다.
  • source/lib 에는 사용된 라이브러리가 포함되어 있습니다.
    • source/lib/shower/themes/technopark/styles 에는 샤워 테마 스타일이 포함된 파일이 포함되어 있습니다. 디렉토리에는 다양한 화면 종횡비에 대한 스타일이 포함된 파일이 포함되어 있습니다. 페이지가 로드되면 SAR이 계산되고 스타일이 포함된 필수 파일이 선택되어 프레젠테이션이 모든 형식의 화면에서 최대한 인상적으로 보입니다.
  • source/pages 에는 페이지용 템플릿이 포함되어 있습니다.
  • source/slides 에는 강의용 프리젠테이션이 포함되어 있습니다.
  • source/examples 에는 모든 예제 파일이 포함되어 있습니다.