랜덤한 수 생성
자바스크립트에서는 Math.random() 함수로 0 이상 1 미만인 랜덤한 수를 만들 수 있습니다. (0은 나올 수도 있지만 1은 절대 나오지 않습니다.)
Math.random();
이런식으로 소수점이 있는 수가 생성됩니다.
이 함수를 이용해서 0 이상 10 미만인 랜덤한 수를 만들려면? 결과에 10을 곱해주면 되겠죠.
Math.random()*10;
소수점 없이 0, 1, 2, 3, 4, 5, 6, 7, 8, 9의 10가지 수 중에 하나를 얻고 싶다면 소수점 이하의 값을 버리면 됩니다.
Math.floor()함수로 소수점 이하의 값을 버릴 수 있습니다. 반올림이 아니라 소수점 이하의 값을 무조건 버리는 함수입니다.
Math.floor(Math.random()*10);
위 내용을 바탕으로 눈금이 1부터 6까지 있는 주사위 함수를 만들 수 있습니다.
function dice6(){
return Math.floor(Math.random()*6)+1;
}
Math.floor(Math.random()*6)는 0부터 5까지의 정수가 나오므로 여기에 1을 더해주면 1부터 6까지의 값이 나오게되는 것이죠.
일반화
만약 어떤 게임을 개발하는데, 눈금이 1에서 6까지 있는 주사위와 1에서 10까지 있는 주사위 두 개를 사용한다면 함수를 어떻게 만들어야 할까요?
function dice6(){
return Math.floor(Math.random()*6)+1;
}
function dice10(){
return Math.floor(Math.random()*10)+1;
}
이렇게 두가지 함수를 만들어서 사용할 수도 있겠지만, 위 두가지 기능을 모두 할 수 있는 하나의 함수만 만들 수도 있습니다.
function dice(maxNumber){
return Math.floor(Math.random()*maxNumber)+1;
}
dice(6), dice(10)로 dice6과 dice10의 기능을 할 수 있습니다. 이때 dice 함수를 dice6, dice10함수에 비해 더 일반화가 되었다라고 표현합니다.
일반화된 코드는 여러 장점이 있습니다.
- 우선 작성해야 할 코드의 전체 길이가 줄어듭니다.
- 확장성이 좋습니다. 만약 1에서 12까지의 눈금이 있는 새 주사위가 필요하다고 하면 dice12 함수를 새로 만들 필요 없이 dice(12)를 사용할 수 있습니다.
- 유지보수가 간편합니다. 만약에 그럴일은 없겠지만 어떠한 이유로 Math.random함수를 사용하지 말고 다른 코드로 변경해야하는 일이 있다고 하면, 주사위 함수가 여러가지인 경우 모든 함수를 각각 수정해 주어야 합니다. 일반화된 주사위 함수 하나뿐이라면 그곳만 수정하면 됩니다.
주사위 게임
위에서 만든 dice함수를 사용해 주사위 게임 함수를 만들어 봅시다.
- 주사위는 눈금이 1에서 6까지입니다.
- 컴퓨터의 주사위 값을 구하여 "컴퓨터의 주사위는 x입니다."라고 콘솔에 출력합니다. x는 주사위 눈금의 값입니다.
- 사용자의 주사위 값을 구하여 "당신의 주사위는 x입니다."라고 콘솔에 출력합니다. x는 주사위 눈금의 값입니다.
- 컴퓨터의 주사위 값과 사용자의 주사위 값을 비교하여 "x의 승리입니다."를 출력합니다. 컴퓨터의 주사위 값이 높으면 x에 "컴퓨터", 아니라면 "당신" 이 들어갑니다.
- 비긴 경우 "비겼습니다."를 콘솔에 출력합니다.
// 주사위 값을 생성하는 함수
function dice(maxNumber){
return Math.floor(Math.random()*maxNumber)+1;
}
// 주사위 값을 출력하는 함수
function printDice(name, num){
console.log(name+"의 주사위는 "+num+"입니다.");
}
// 승자를 출력하는 함수
function printWinner(name){
console.log(name+"의 승리입니다.");
}
// 비겼음을 출력하는 함수
function printDraw(){
console.log("비겼습니다.");
}
/*
위의 함수들은 게임의 각 부분을 담당하는 함수들이며,
아래 게임 메인 함수는 전체적인 프로그램의 진행을 담당합니다.
*/
// 게임 메인 함수
function diceGame(){
var computerName = "컴퓨터";
var yourName = "당신";
var computerDice = dice(6); // 컴퓨터의 주사위 값 을 구함
printDice(computerName, computerDice); // 컴퓨터 주사위 값 출력
var yourDice = dice(6); // 사용자의 주사위 값을 구함
printDice(yourName, yourDice); // 사용자 주사위 값 출력
if(computerDice > yourDice){ // 만약 컴퓨터의 주사위 값이 더 크면,
printWinner(computerName); // 컴퓨터 승리 문구 출력
}
else if(computerDice < yourDice){ // 그렇지 않고 만약 사용자의 주사위 값이 더 크면,
printWinner(yourName); // 사용자 승리 문구 출력
}
else { // 다 아니라면,
printDraw(); // 비겼음을 출력
}
}
위 코드에서 //, /*, */라고 표시된 부분을 주석(comment)이라고 합니다. 코드를 읽는 사람에게 도움을 주기 위해 작성한 글로 프로그램에 아무런 영향을 끼치지 않습니다.
//는 한 줄에서 // 뒷부분에 입력된 내용을 코드에 포함시키지 않는 역할을 하고, /*는 */가 나올 때까지 그 사이의 모든 내용을 무시합니다.
'프로그래밍 입문' 카테고리의 다른 글
| 자바스크립트로 프로그래밍 입문 11. 조건문(Conditional Statement) 3 - switch (0) | 2018.10.16 |
|---|---|
| [자바스크립트 연습문제] 10-1 랜덤 정수 함수, 10-2 가위바위보 코드 (0) | 2018.10.12 |
| 자바스크립트로 프로그래밍 입문 9. 조건문(Conditional Statement) 2 - else if, 논리연산자, 나머지 연산자 (0) | 2018.10.10 |
| [자바스크립트 연습문제] 8-1 풀이 (0) | 2018.10.10 |
| 자바스크립트로 프로그래밍 입문 8. 조건문(Conditional Statement) 1 - if else, Boolean 타입, 비교연산자 (0) | 2018.10.09 |