conversational ui

대화형 UI

대화형 UI 웹앱 실험. 데모

설정

js/app.js

js/app.js 에 정의된 Category -> Sub-category -> Info 구조를 기반으로 구축되었습니다. 또한 각 단계마다 무작위로 선택된 응답 선택을 사용자 정의하려면 이 파일을 확인하세요. 콘텐츠에 AJAX를 사용하는 실제 사례는 이 저장소를 참조하세요.

index.html

정보 단계의 콘텐츠 보기는 여기 .content div 아래에 정의되어 있습니다. 메뉴와 하위 메뉴의 ID를 결합해야 합니다.

짓다

이 프로젝트는 주로 ES2015 JavaScript 기능을 사용합니다. 문제 없이 Chrome 또는 Safari Technical Preview에서 실행할 수 있지만 Gulp를 사용하는 다른 브라우저의 경우 Babel을 사용한 변환이 필요합니다.

트랜스파일하려면 Node.js와 Gulp를 아직 설치하지 않았다면 설치하세요. 그런 다음 package.json 에 나열된 필수 프로젝트 종속성을 다음과 함께 설치합니다.

npm install

그런 다음 gulpfile.js 에 정의된 트랜스파일 작업을 실행하세요.

gulp js

이는 js/app.min.js 로 변환되고 축소됩니다.