Virtual CLI Component for React / React용 가상 CLI 컴포넌트 라이브러리
npm i --save rexon
import React, { Component } from 'react'
import { Rexon, RexonRuntime, RexonConsole } from 'rexon'
class Example extends Component {
render() {
const Runtime:RexonRuntime = {
onCreate : async (Console:RexonConsole) => {
Console.println("Hello, World!")
}
}
return <Rexon ShowTitle={true} DefaultTitle="It's a console" Runtime={Runtime} />
}
}
- Run
npm run dev
in project root directory /npm run dev
를 프로젝트 루트 디렉터리에서 실행하세요 - It's all! / 끝입니다!
We are trying to implement the APIs of Win32 Console in Rexon, Now we supports these. / Win32 Console API에 있는 대부분의 기능을 구현하기 위해 노력중이며 아래와 같은 기능을 지원합니다.
Console.setTitle(Title:string)
: set title text / 타이틀을 변경합니다Console.showTitle(isShow:boolean)
: set visible of title / 타이틀의 가시성 여부를 결정합니다Console.isTitleShowing()
: check visible of title / 타이틀의 가시성 여부를 가져옵니다Console.println(Text:string)
: print text with breakline / 텍스트를 개행과 함께 출력합니다Console.print(Text:string)
: print text / 텍스트를 출력합니다Console.printWithAnimation(Text:string, Speed:number)
: print text with animation / 텍스트를 시간 간격을 두고 출력합니다Console.readln()
: read text / 텍스트를 읽어들입니다Console.clear()
: clear all text / 텍스트 모두 삭제합니다Console.getAllHistory()
: get history of console / 콘솔의 기록을 가져옵니다Console.setColor(Color:string)
: set current color of text / 앞으로 작성할 텍스트의 색상을 변경합니다Console.setBackgroundColor(Color:string)
: set background color / 배경 색을 변경합니다Console.setFontSize(Size:number)
: set font size / 폰트 크기를 변경합니다Console.setBackgroundImage(Image:string)
: set background image / 배경 이미지를 변경합니다Console.setBackgroundImageOpacity(Opacity:number)
: set opacity of background image / 배경 이미지의 투명도를 설정합니다
Also, these may be implemented soon. / 또한, 아래의 기능들은 곧 구현될 수 있습니다.
- Console Progress bar / 콘솔 프로그레스 바
- Console Table Generator(with 2D array) / 콘솔 테이블 생성기(2차원 배열 이용)
- Command-line user interface framework(like cli-ui) / 커맨드라인 유저 인터페이스 프레임워크(cli-ui와 유사하게 개발할 예정)
- and more.. / 그리고 더 추가될 예정입니다..
- Mud Game / 머드게임
- Console based game(like hacknet) / 콘솔 기반 게임(핵넷같은 게임)
- And more.. / 이외에도 무한합니다..
You can upload your project here only that your project has stars more than 10. 개발자 본인(VINTO1819)의 프로젝트와 Star가 10개 이상인 프로젝트만 등재됩니다.
Todo
MIT © VINTO1819