JavaScript 학습에 대한 정보: CHALK 및 readlineSync

그래서, 당신은 마침내 내 첫 번째 블로그 게시물에 착륙했습니다. 환영합니다!🎉

이 튜토리얼은 초보자를 위한 것입니다.
경험이 있는 경우 코드 검토를 수행하는 것처럼 이 내용을 읽고 아래 주석에 생각을 입력하십시오.
시작하자, 비스트 모드.

자바스크립트

JS는 놀랍습니다. 구문은 C++ 또는 Java와 같습니다. 웹, 데스크톱 및 Android용 앱을 작성하는 데에도 사용할 수 있습니다. 내가 그것이 놀랍다고 언급 했습니까?

나는 repl.it 런타임과 함께 node.js를 사용할 것입니다.
팁: Ctrl + Enter를 사용하여 repl.it에서 프로그램을 실행하십시오.

콘솔에 인쇄

콘솔에 인쇄하려면:

console.log("Hello world!");

산출:


변수를 인쇄합니다.

var x = 2020;
console.log("The year is: " + x);

산출:


그러나 그것은 매우 흑백입니다. chalk 라는 패키지를 사용하여 색상으로 스타일을 지정해 보겠습니다.

CHALK는 무엇입니까?

그것은이다:

Terminal string styling done right

콘솔 출력을 색칠하는 데 사용할 수 있습니다. 하지만 먼저 설치해야 합니다. 여기서 repl.it는 훌륭하게 작동합니다. 필요한 패키지를 자동으로 설치합니다.
chalk 패키지를 포함하여 시작하십시오.

const chalk = require('chalk');

이제 녹색으로 인쇄하려면:

console.log(chalk.green("Its green!"));

산출:


텍스트에 밑줄을 긋는 방법:

console.log(chalk.underline.blue("Its underlined and its blue!"));

산출:


그리고 훨씬 더. chalk의 npm 문서를 살펴보십시오.

사용자 입력 수락

콘솔에 인쇄하는 방법을 알고 있습니다. 사용자 입력이 필요한 경우 어떻게 해야 합니까? readlineSync는 이를 위해 만들어진 라이브러리입니다.

패키지를 포함시키자:

var readlineSync = require('readline-sync');

이제 다음과 같은 사용자 입력을 받을 수 있습니다.

var userName = readlineSync.question("Enter your name: ");

산출:

userName 변수에 입력을 받았습니다. 컬러로 출력해보자!

console.log("Welcome " + chalk.yellowBright(userName) + "!");

산출:

배열

배열은 인덱스를 사용하여 액세스할 수 있는 변수의 모음입니다.
간단한 노래 장르 목록:

var songGenres = ["Blues", "RnB", "Pop", "Rock"];

첫 번째와 세 번째 장르를 인쇄해 보겠습니다.

//first genre
console.log(songGenres[0]);

//third genre
console.log(songGenres[2]);

산출:


색인 번호 매기기는 0부터 시작합니다. 따라서 여기서 색인 번호는 0, 1, 2, 3입니다.

이제 모든 것을 모아서 노래를 선택하는 프로그램을 만들어 봅시다.

필수 패키지 포함:

var readlineSync = require('readline-sync');
const chalk = require('chalk');

노래를 목록으로 저장할 배열을 정의합니다.

var songs = ["Skyfall", "Beautiful times", "Bailando", "Grenade"];

그건 그렇고 제가 가장 좋아하는 것입니다.

사용자 이름을 입력으로 가져옵니다.

var userName = readlineSync.question("Whats your name? ");

이제 readlineSync's라는 keyInSelect 메서드를 사용하여 목록에서 노래를 선택합니다.

var favSong = readlineSync.keyInSelect(songs, "Choose a song:");

console.log(chalk.red("You chose " + songs[favSong] + "!"));
console.log(chalk.green("The tutorial is over. Enjoy the song!"));

산출:

지금은 여기까지입니다

정보를 배우고 유지하는 가장 좋은 방법은 누군가에게 가르치거나 문서화하는 것입니다. 저는 이 게시물을 단순하고 재미있고 흥미진진하게 유지하려고 노력했습니다.

자, 열쇠를 들고...설정하고...암호화하세요!

JavaScript에 대한 자세한 내용을 게시할 예정입니다. 우리는 아직 표면을 긁지 않았습니다. 배울 것이 많다!

귀하의 제안이나 의문 사항은 아래에 의견을 남겨 주십시오. 질의에 최선을 다해 답변하겠습니다.
P.S.:I can make emojis italic. 👍🤘