제코베 문제풀이 11~15

공부할 내용

• 12번 문제 : class 개념
• 템플릿 리터럴(Template literals)
• let n = prompt("윈도우창의 제목 문자열", "입력창의 지워지는 파란 문자열");

🔥 문제11 : for를 이용한 기본 활용

1부터 100까지 모두 더하는 Code를 pass 부분에 완성하세요. for를 사용해야 합니다.

let s = 0;

//pass

console.log(s);

내 풀이 ⭕️

let s = 0;

for ( i = 1 ; i <= 100; i++){
  s = s + i;
}

console.log(s);
// 5050

답안

let s = 0;

for (let i=1; i<=100; i++){
s += i;
}

console.log(s);

---

🔥 문제12 : 게임 캐릭터 클래스 만들기

다음 소스코드에서 클래스를 작성하여 게임 캐릭터의 능력치와 '파이어볼'이 출력되게 만드시오.

주어진 소스 코드를 수정해선 안됩니다.

데이터
<여기에 class를 작성하세요.>

const x = new Wizard(545, 210, 10);
console.log(x.health, x.mana, x.armor);
x.attack();


출력
545 210 10
파이어볼

내 풀이 ❌

class Wizard {
  constructor(health, mana, armor){
    this.health = health;
    this.mana = mana;
    this.armor = armor;
    
  }
  
   function attack(){   // 🔵
    console.log("파이어볼")
  }
}


const x = new Wizard(545, 210, 10);

console.log(x.health, x.mana, x.armor);

x.attack();

틀린 부분
🔵 function attack() 여기서 function을 써주면 결과가 안 나옴. class Wizardrk 이미 함수여서 그런건가... 왜인지 정확하게는 아직 못 찾겠지만 function을 빼주면 원하는 결과가 나옴

class Wizard {
  constructor(health, mana, armor){
    this.health = health;
    this.mana = mana;
    this.armor = armor;
    
  }
  
   attack(){
    console.log("파이어볼")
  }
}


const x = new Wizard(545, 210, 10);

console.log(x.health, x.mana, x.armor);
x.attack();

//545
//210
//10
//"파이어볼"

답안

const Wizard = class Wizard {
    constructor (health, mana, armor){
        this.health = health;
        this.mana = mana;
        this.armor = armor;
    }
    attack(){
        console.log('파이어볼');
    }
}

const x = new Wizard(545, 210, 10);
console.log(x.health, x.mana, x.armor);
x.attack();

---

🔥 문제13 : 몇 번째 행성인가요?

우리 태양계를 이루고 있는 행성은 수성, 금성, 지구, 화성, 목성, 토성, 천왕성, 해왕성으로 총 8개 입니다. 저희는 우리 태양계의 n번째 행성이 무엇인지 알고 싶습니다.

입력으로 행성의 순서를 나타내는 숫자 n이 입력됩니다.

출력으로 그 순서에 해당하는 행성의 이름을 출력해 주세요.

예를들어 1이 입력되면, 첫번째 행성인 수성이 출력됩니다.

입출력

입력 : 1
출력 : 수성

내 풀이 ❌

let solarSystem = ['수성', '금성', '지구', '화성', '목성', '토성', '천왕성', '해왕성']

console.log(solarSystem[n-1])

답안

const planets = ['수성', '금성', '지구', '화성', '목성', '토성', '천왕성', '해왕성'];

const n = prompt('몇 번째 행성인가요?');

console.log(planets[n-1]);

🔴let n = prompt("윈도우창의 제목 문자열", "입력창의 지워지는 파란 문자열");🔴

---

🔥 문제14 : 3의 배수 인가요?

영희는 친구와 게임을 하고 있습니다. 서로 돌아가며 랜덤으로 숫자를 하나 말하고 그게 3의 배수이면 박수를 치고 아니면 그 숫자를 그대로 말하는 게임입니다.

입력으로 랜덤한 숫자 n이 주어집니다.

만약 그 수가 3의 배수라면 '짝'이라는 글자를, 3의 배수가 아니라면 n을 그대로 출력해 주세요.

입출력

입력 : 3
출력 : 짝

입력 : 2
출력 : 2

내 풀이 ⭕️

let n = prompt("숫자를 입력하세요")

if (n % 3 === 0) {
  console.log("짝")
} else {
  console.log(n)
}

답안

const n = prompt('숫자를 입력하세요.');

if (n%3 == 0) { // 나머지 연산 %는 n을 3으로 나누었을때 몫이 아닌 나머지 값을 반환합니다.
    console.log('짝');
} else {
    console.log(n);
}

---

🔥 문제15 : 자기소개

신학기가 시작되고, 아이들이 돌아가면서 자기소개를 하기로 했습니다.

만약 입력으로 김다정이라는 이름이 주어지면 "안녕하세요. 저는 김다정입니다."라고 출력하게 해주세요.

입출력

입력 : 김다정
출력 : 안녕하세요. 저는 김다정입니다.

내 풀이 ⭕️

let name = prompt("자기소개", "이름을 입력하세요")

console.log("안녕하세요. " + "저는 " + name + "입니다.")

답안

const name = prompt('이름을 입력하세요.');

console.log(`안녕하세요. 저는 ${name}입니다.`); 

/*
* es6부터는 backtick 문자열(``) 안에서 $와 중괄호로 표현식을 사용할 수 있습니다. 
* 이를 템플릿 리터럴(Template literals)이라 합니다.
*/

내 풀이도 답은 나오지만 문장이 길어질 경우 따옴표" "와 더하기+ 때문에 번거로울 것 같다. 템플릿 리터럴(Template literals) 알아두기