JavaScript에서 랜덤 난수를 생성하는 방법

 

 

 

JavaScript에서 30자리 랜덤 난수를 생성하는 방법을 아래에 정리했습니다.

---

빠른 방법 (숫자만)

function generateRandomNumber(length = 30) {
  let result = '';
  const digits = '0123456789';

  for (let i = 0; i < length; i++) {
    result += digits.charAt(Math.floor(Math.random() * digits.length));
  }

  return result;
}

console.log(generateRandomNumber()); // 예: "394827563928475029384756293847"

 

특징

• 숫자만 포함
• 길이 지정 가능 (기본 30자리)

---

더 안전한 방법 (crypto 사용)

function secureRandomNumber(length = 30) {
  const array = new Uint8Array(length);
  window.crypto.getRandomValues(array); // 보안 난수 생성
  return Array.from(array, byte => (byte % 10).toString()).join('');
}

console.log(secureRandomNumber()); // 예: "582937461820374650293847562018"

 

특징

• 보안 난수 생성 (권장)
• 암호학적 안전성 필요 시 사용

---

영문 + 숫자 포함 랜덤 문자열

function generateAlphaNumeric(length = 30) {
  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  let result = '';

  for (let i = 0; i < length; i++) {
    result += chars.charAt(Math.floor(Math.random() * chars.length));
  }

  return result;
}

console.log(generateAlphaNumeric()); // 예: "aB39fKe28LmPz09qT1vCx6WrHtOyGs"

 

특징

• 숫자 + 영문 포함
• 인증 코드나 토큰 생성에 유용

---

jQuery 사용 예시

<input type="text" id="randomNumberInput" placeholder="30자리 난수">
<button id="generateBtn">생성하기</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    function generateRandomNumber(length = 30) {
      let result = '';
      const digits = '0123456789';
      for (let i = 0; i < length; i++) {
        result += digits.charAt(Math.floor(Math.random() * digits.length));
      }
      return result;
    }

    $('#generateBtn').click(function() {
      const randomNumber = generateRandomNumber();
      $('#randomNumberInput').val(randomNumber);
    });
  });
</script>

 

작동 방식

• 버튼 클릭 시 30자리 숫자 난수 생성
• input 필드에 자동 입력

---

정리

방법	특징
generateRandomNumber	숫자만 포함, 빠름
secureRandomNumber	보안 난수 생성 (crypto)
generateAlphaNumeric	숫자 + 영문 포함
jQuery 예시	UI와 함께 사용 가능

---

결론

• 빠른 생성 필요 시: generateRandomNumber()
• 보안 중요 시: secureRandomNumber()
• 문자 포함 필요 시: generateAlphaNumeric()

 

 

 

 

 

#랜덤난수생성 #javascript #조금씩배워가는프로그래밍