[ TIL ] [ 정규과정 : 프로그래밍 기초1 ] 숫자야구 프로그램 만들기

팀 페어 (4인 2조) : 숫자야구 프로그램 만들기

 

아래와 같은 프로그램을 만드는 팀 과제를 받았다. '간단한'이라고 했지만, 왜 간단하지 않지..?

코드는 거의 다 만들었는데 구현하는 중간중간 문제가 조금 있어서 마무리 단계다.

 

간단한 숫자야구 프로그램을 JS로 만들어봅니다.

조건문, 반복문을 활용하여 해결합니다.

 

 

오늘 코드를 만들면서 공부하게 된 몇 가지 것들을 TIL에 적어놓으려고 한다.

 

 

---

 

 

 

indexOf() 메서드 

indexOf() 인스턴스의 메서드는 배열 Array에서 주어진 요소를 찾을 수 있는 첫 번째 인덱스를 반환하거나, 없으면 -1을 반환합니다.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf

Array.prototype.indexOf() - JavaScript | MDN

* 나는 배열을 사용하면서 indexOf 메서드를 사용했는데 배열의 어떤 인덱스에 있는지 해당값을 확인하고 그 값이 아니면, -1 , 맞으면 값을 증가시키는 식으로 사용했다. 

 

---

배열을 무작위로 섞는 코드

numbers.sort(() => Math.random(-0.5))

sort() 메서드는 배열의 원소들을 정렬하는 기능임으로 numbers.sort()라고 하면, numbers 배열은 오름차순으로 정렬된다.

() => Math.random(-0.5)는 화살표 함수이며 매개변수가 없고, Math.random(-0.5)라는 표현식을 반환하고 Math.random(-0.5)는 Math 객체의 random() 메서드를 호출하는 표현하는 식이다.

random() 메서드는 0 이상 1 미만의 임의의 실수를 반환한다.sort() 메서드에 화살표 함수를 인자로 넘기면, 

배열의 원소들을 비교하는 기준이 됩니다. 화살표 함수가 반환하는 값이 작으면 앞으로, 크면 뒤로 정렬이 된다.

그런데 화살표 함수가 반환하는 값은 임의의 실수이므로, 배열의 원소들은 무작위로 섞이게 됩니다.

따라서 numbers.sort(() => Math.random(-0.5)) 는 numbers 배열을 무작위로 섞는 코드가 만들어진다.

 * 구글링으로 확인해서 얻은 코드이나, 일부에서는 이 코드를 사용하지 않기를 권장했다. 길어지더라도 식을 세워서 사용해 보도록 해야겠다.

---

Readline 

js readline은 JavaScript에서 명령줄 응용 프로그램, 대화형 튜토리얼 또는 CLI 도구를 만들기 위한 도구. readline 모듈을 사용하면 명령줄에서 사용자 입력을 읽고 적절하게 처리할 수 있다.

* Readline 사용법을 잘 몰라서 조금 헤맸다.. 처음엔 Readline으로 방법을 찾아보다가 제법 복잡한 것 같아서, prompt 함수를 쓰면 바로 불러올 수 있는 것 같아서 사용하려고 했다. 사용법을 한번 익혀보고자.. 그래도 한번 써봤다! 

 

참조 블로그 :  Node.js Readline() 모듈 - GeeksforGeeks

참고될만한 YOUTUBE URL : https://youtu.be/dKYNLjtTtXw

 

---

Readline 사용해 보기

 

1. require 함수로 readline을 불러오기.

const readline = require("readline");

2. readline.createlnterface() 메서드로 인터페이스 객체를 생성한다. ( input / ouput 두 개의 매개변수를 받는다.)

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
});

---

* 사용을 하면서 READLINE에 메서드가 사용방법에 따라 나누어진다는 것을 알았다. 

내가 확인한 것은 사용한 것은 question 메서드였는데, on이라는 메서드도 있었다. 그래서 두 개를 비교해 보았다. 

 

question 메서드 : 사용자의 직접적인 입력을 요청

는 인터페이스 객체가 사용자에게 질문을 출력하고, 사용자의 입력을 받아서 콜백 함수에 전달하는 메서드.

예를 들어, question(“What is your name?”, callback)은 "What is your name?"이라는 질문을 출력

사용자가 입력한 이름을 callback 함수에 전달한다. 이 메서드는 한 번에 하나의 질문만 처리할 수 있다.

const readline = require("readline");

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
});

rl.question(" 숫자를 골라주세요 ", (answer) => {
  // 1, 2, 3, 4, 5
  console.log(` 당신이 고른 숫자 :  ${1, 2, 3, 4, 5}`);
  rl.close();
});

 

on 메서드 :  on 메서드는 스트림에서 발생하는 이벤트에 대응

인터페이스 객체가 특정 이벤트에 콜백 함수를 등록하여 호출하는 메서드다. 예를 들어, on(“line”, callback)은 스트림에서 한 줄을 읽을 때마다 callback 함수를 실행시킨다. 이 함수는 여러 번 호출이 가능하다.

rl.on("line", function(line) {
  // 문자열
  // 코드작성
});

 

---

이번주.. 반이나 왔다..

견뎌.. 이겨내..! 

할 수이 써...