Language/JAVASCRIPT

자바스크립트에서 랜덤 번호 생성하기

멱군 2024. 2. 6. 18:17

자바스크립트는 웹 개발에서 필수적인 언어 중 하나로, 다양한 기능을 제공하는 동시에 사용자에게 매력적인 인터랙션을 가능하게 합니다. 오늘은 그 중에서도 '랜덤 번호 생성'이라는 주제를 다루고자 합니다. 이 기능은 게임, 추첨, 통계적 시뮬레이션 등에서 널리 사용됩니다. 본 글에서는 자바스크립트를 사용하여 어떻게 랜덤 번호를 생성하는지, 그리고 이를 활용하는 다양한 방법에 대해 알아보겠습니다.

 

 

1. 기본 랜덤 번호 생성

자바스크립트에서 랜덤 번호를 생성하는 가장 기본적인 방법은 Math.random() 함수를 사용하는 것입니다. 이 함수는 0 이상 1 미만의 부동소수점 난수를 생성합니다.

let randomNumber = Math.random();
console.log(randomNumber); // 0.1234567890123456 같은 수 출력

이 숫자를 확장하여 원하는 범위의 랜덤 번호를 생성할 수 있습니다. 예를 들어, 1부터 100까지의 랜덤 정수가 필요하다면 다음과 같이 계산할 수 있습니다.

let randomInt = Math.floor(Math.random() * 100) + 1;
console.log(randomInt); // 1 ~ 100 사이의 정수

 

2. 범위 지정 랜덤 번호 생성

특정 범위 내에서 랜덤 번호를 생성하려면, 사용자 정의 함수를 작성할 수 있습니다. 아래 함수는 최소값 min과 최대값 max를 매개변수로 받아, 해당 범위 내의 랜덤 정수를 반환합니다.

function getRandomInt(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

console.log(getRandomInt(1, 100)); // 1과 100 사이의 랜덤 정수 반환

 

3. 랜덤 번호를 이용한 간단한 게임 만들기

랜덤 번호 생성 기능을 활용하여 간단한 추측 게임을 만들어 볼 수 있습니다. 사용자가 1부터 10 사이의 숫자를 추측하고, 프로그램이 랜덤하게 숫자를 생성하여 맞추는 게임을 만들어 보도록 하겠습니다.

function guessNumber() {
  let userGuess = prompt("1에서 10 사이의 숫자를 추측해보세요:");
  let randomNumber = getRandomInt(1, 10);
  if (userGuess == randomNumber) {
    alert("축하합니다! 정답입니다!");
  } else {
    alert("아쉽지만, 틀렸습니다. 정답은 " + randomNumber + "였습니다.");
  }
}

guessNumber();

 

전체사용소스코드

본 글에서 사용한 소스코드는 아래의 파일을 다운로드 받아서 확인 할 수 있습니다.

자바스크립트에서 랜덤 번호 생성.zip
0.00MB
자바스크립트를 이용한 랜덤 번호 게임

 

결론

자바스크립트에서 랜덤 번호를 생성하고 활용하는 것은 매우 간단하지만, 다양한 방식으로 응용될 수 있는 강력한 기능입니다. 이를 통해 게임, 시뮬레이션, 사용자 경험 개선 등 다양한 분야에서 창의적인 솔루션을 제공할 수 있습니다. 오늘 배운 내용을 바탕으로 여러분만의 독창적인 프로그램을 만들어보세요!

 

함께보면 좋은글

 

[nodejs] 지정된 범위 내에 난수(랜덤 숫자, random number) 출력하기

Node.js는 자바스크립트를 서버 사이드에서 실행할 수 있게 해주는 강력한 환경입니다. 이러한 환경에서도 자바스크립트의 기본 기능인 난수 생성을 활용할 수 있습니다. 이번 포스트에서는 Node.j

devit.koreacreatorfesta.com