시작 템플리트를 사용하여 Oracle JET 가상 DOM 앱 생성

소개

이 자습서에서는 basic 시작 템플리트를 사용하는 Oracle JET(Oracle JavaScript Extension Toolkit) 가상 DOM 앱을 생성하는 방법을 보여줍니다. npx Node.js 패키지 러너를 사용하여 Oracle JET 명령줄 인터페이스 패키지에서 제공하는 create 명령에 액세스합니다.

Oracle JET를 사용하여 가상 DOM 앱을 개발하는 것은 간단하고 효율적입니다. 시작할 수 있도록 Oracle JET는 미리 구성된 페이지와 여러 구성 요소를 추가하는 basic 시작 템플리트를 제공합니다.

Oracle JET 명령행 인터페이스 패키지에 포함된 Oracle JET 툴을 사용하여 터미널 창에서 Oracle JET 가상 DOM 앱을 생성하고 실행할 수 있습니다. 터미널 창에서 앱 오류 및 경고와 같은 명령 출력을 볼 수도 있습니다.

목표

이 자습서에서는 basic 템플리트를 사용하여 로컬 웹 브라우저에서 실행하는 Oracle JET 가상 DOM 앱을 생성합니다.

필수 조건

Node.js 설치가 포함된 Oracle JET 가상 DOM 앱을 생성하도록 설정된 개발 환경입니다.

작업 1: 기본 Starter 템플리트 시작

  1. 파일 시스템의 Oracle JET 가상 DOM 앱이 상주할 위치에서 터미널 창을 열고 앱을 생성합니다.

    npx @oracle/ojet-cli create JET-Virtual-DOM-app --template=basic --vdom

    Oracle JET 툴은 JET-Virtual-DOM-app 폴더에 앱을 생성하고 완료될 때까지 진행 메시지를 표시합니다.

  2. 확인을 기다립니다.

    Your app is ready! Change to your new app directory 'JET-Virtual-DOM-app'
and try 'ojet build' and 'ojet serve'.

작업 2: 가상 DOM 앱 실행

  1. 터미널 창에서 JET-Virtual-DOM-app 디렉토리로 변경하고 앱을 실행합니다.

    npx ojet serve

    Oracle JET 툴은 테스트 및 디버깅을 수행할 수 있는 로컬 웹 브라우저에서 가상 DOM 앱을 실행합니다.

  2. 브라우저 창을 닫습니다.
  3. 터미널 창에서 Ctrl+C을 누르고 프롬프트가 표시되면 y를 입력하여 Oracle JET 툴링 일괄 처리 작업을 종료합니다.

다음단계

이 모듈의 다음 자습서로 이동합니다.

이 자습서는 첫 번째 Oracle JET 가상 DOM 앱 모듈의 일부입니다.

가상 DOM 학습 경로의 기본 페이지로 돌아가 가상 DOM 앱 구축 시 모든 모듈에 액세스할 수 있습니다.

추가 학습 자원

docs.oracle.com/learn에서 다른 랩을 탐색하거나 Oracle Learning YouTube 채널에서 더 많은 무료 학습 콘텐츠에 액세스하세요. 또한 education.oracle.com/learning-explorer를 방문하여 Oracle Learning Explorer가 되십시오.

제품 설명서는 Oracle Help Center를 참조하십시오.