leestott
c32bb6bc1a
|
4 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 4 weeks ago | |
README.md
퀴즈
이 퀴즈는 데이터 과학 커리큘럼의 강의 전후 퀴즈로, https://aka.ms/datascience-beginners에서 확인할 수 있습니다.
번역된 퀴즈 세트 추가하기
번역된 퀴즈를 추가하려면 assets/translations 폴더에 일치하는 퀴즈 구조를 생성하세요. 원본 퀴즈는 assets/translations/en에 있습니다. 퀴즈는 여러 그룹으로 나뉘어 있으며, 올바른 퀴즈 섹션과 번호를 맞춰야 합니다. 이 커리큘럼에는 총 40개의 퀴즈가 있으며, 번호는 0부터 시작합니다.
번역을 완료한 후, 번역 폴더의 index.js 파일을 편집하여 en의 규칙을 따라 모든 파일을 가져오도록 설정하세요.
그런 다음, 이 앱의 App.vue 파일에서 드롭다운을 편집하여 언어를 추가하세요. 언어 폴더 이름과 로컬화된 약어를 일치시켜야 합니다.
마지막으로, 번역된 강의에서 퀴즈 링크를 편집하여 로컬화된 쿼리 매개변수를 포함하도록 설정하세요. 예를 들어 ?loc=fr과 같은 형식입니다.
프로젝트 설정
npm install
개발을 위한 컴파일 및 핫 리로드
npm run serve
프로덕션을 위한 컴파일 및 최소화
npm run build
파일 검사 및 수정
npm run lint
구성 사용자 정의
Configuration Reference를 참조하세요.
크레딧: 이 퀴즈 앱의 원본 버전에 감사드립니다: https://github.com/arpan45/simple-quiz-vue
Azure에 배포하기
다음은 시작하는 데 도움이 되는 단계별 가이드입니다:
-
GitHub 저장소 포크하기
정적 웹 앱 코드가 GitHub 저장소에 있는지 확인하세요. 이 저장소를 포크하세요. -
Azure 정적 웹 앱 생성하기
-
정적 웹 앱 구성하기
-
기본 설정:
- 구독: Azure 구독을 선택하세요.
- 리소스 그룹: 새 리소스 그룹을 생성하거나 기존 그룹을 사용하세요.
- 이름: 정적 웹 앱의 이름을 입력하세요.
- 지역: 사용자와 가까운 지역을 선택하세요.
-
배포 세부 정보:
- 소스: "GitHub"를 선택하세요.
- GitHub 계정: Azure가 GitHub 계정에 접근할 수 있도록 승인하세요.
- 조직: GitHub 조직을 선택하세요.
- 저장소: 정적 웹 앱이 포함된 저장소를 선택하세요.
- 브랜치: 배포할 브랜치를 선택하세요.
-
빌드 세부 정보:
- 빌드 프리셋: 앱이 구축된 프레임워크를 선택하세요 (예: React, Angular, Vue 등).
- 앱 위치: 앱 코드가 포함된 폴더를 지정하세요 (예: 루트에 있다면 /).
- API 위치: API가 있다면 위치를 지정하세요 (선택 사항).
- 출력 위치: 빌드 출력이 생성되는 폴더를 지정하세요 (예: build 또는 dist).
-
-
검토 및 생성
설정을 검토하고 "생성"을 클릭하세요. Azure가 필요한 리소스를 설정하고 GitHub Actions 워크플로를 저장소에 생성합니다. -
GitHub Actions 워크플로
Azure는 자동으로 GitHub Actions 워크플로 파일을 저장소에 생성합니다 (.github/workflows/azure-static-web-apps-.yml). 이 워크플로는 빌드 및 배포 프로세스를 처리합니다. -
배포 모니터링
GitHub 저장소의 "Actions" 탭으로 이동하세요.
실행 중인 워크플로를 확인할 수 있습니다. 이 워크플로는 정적 웹 앱을 Azure에 빌드하고 배포합니다.
워크플로가 완료되면 제공된 Azure URL에서 앱이 활성화됩니다.
워크플로 파일 예시
다음은 GitHub Actions 워크플로 파일의 예시입니다:
name: Azure Static Web Apps CI/CD
on:
push:
branches:
- main
pull_request:
types: [opened, synchronize, reopened, closed]
branches:
- main
jobs:
build_and_deploy_job:
runs-on: ubuntu-latest
name: Build and Deploy Job
steps:
- uses: actions/checkout@v2
- name: Build And Deploy
id: builddeploy
uses: Azure/static-web-apps-deploy@v1
with:
azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
repo_token: ${{ secrets.GITHUB_TOKEN }}
action: "upload"
app_location: "quiz-app" # App source code path
api_location: ""API source code path optional
output_location: "dist" #Built app content directory - optional
추가 자료
면책 조항:
이 문서는 AI 번역 서비스 Co-op Translator를 사용하여 번역되었습니다. 정확성을 위해 최선을 다하고 있지만, 자동 번역에는 오류나 부정확성이 포함될 수 있습니다. 원본 문서의 원어 버전을 권위 있는 자료로 간주해야 합니다. 중요한 정보에 대해서는 전문적인 인간 번역을 권장합니다. 이 번역 사용으로 인해 발생하는 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다.