[JS 100제] 문제10 - 별 찍기

문제

크리스마스 날, 은비는 친구들과 함께 파티를 하기로 했습니다. 그런데, 크리스마스 트리를 사는 것을 깜빡하고 말았습니다. 온 가게를 돌아다녀 봤지만 크리스마스 트리는 모두 품절이었습니다. 하는 수 없이 은비는 프로그래밍으로 트리를 만들기로 합니다. 

 

은비를 위해 프로그램을 작성해 주세요.

입력
5

출력
    *
   ***
  *****
 *******
*********

 

나의 풀이

정답은

// 변수 설정
const num = prompt("트리의 길이를 입력하세요", "5");

// tree 만들기!
for (let i = 1; i <= num; i++) {
  let tree = ""; // 변수 초기화를 for 문 안에
  // 공백 만들기!
  for (let s = 1; s <= num - i; s++) {
    tree += " ";
  }
  // 별 만들기!
  for (let j = 1; j <= i * 2 - 1; j++) {
    tree += "*";
  }
  console.log(tree);
}

이다.

 

문제를 풀어낸 과정은 다음과 같다.

 

1. 문제 분석 및 변수 설정

처음 트리의 증가폭을 살펴보자. 입력받은 값으로 트리 길이가 결정되며, 한번에 2씩 증가되고 있다. 

길이를 입력받을 변수와, tree 변수를 설정해준다.

 

const num = prompt("트리의 길이를 입력하세요", "5");
let tree = "";

 

 

2. for 문

큰 for 문을 만들어 입력받은 number 만큼  for문을 돌린다. (트리의 길이)

for (let i = 1; i <= num; i++) {
  console.log("*");
}

// 결과
*
*
*
*
*

 

3. 별찍기

본격적으로 별을 찍는 중첩 for 문을 작성해준다. 변수 초기화를 for 문 내부에 설정해주어, i 값이 증가될 때마다 초기화를 시켜주게 하였고, 증가 폭이 2씩 증가하기 때문에 *2를 해주되, 처음 값이 2로 시작되기 때문에 -1을 해주었다.

for (let i = 1; i <= num; i++) {
  let tree = ""; // 변수 초기화를 for문 내부에 설정해주어, i 값이 증가될 때마다 초기화를 시켜준다.

  // 별 만들기!
  for (let j = 1; j <= i * 2 - 1; j++) { // (* 2 - 1) 을 해주어 처음 시작은 1 부터 시작할 수 있게 하였다.
    tree += "*";
  }
  console.log(tree);
}

// 결과
* 
*** 
***** 
******* 
*********

 

 

3. 공백찍기

트리를 가운데로 배치하기 위해서 공백을 출력하는 for문을 하나 더 만들어준다. 공백 s 는 갈 수록 적어져야 하기 때문에, num - i 를 통해 전체를 도는 큰 for문의 증가하는 값 i 씩 빼주었다.

 

// 변수 설정
const num = prompt("트리의 길이를 입력하세요", "5");

// tree 만들기!
for (let i = 1; i <= num; i++) {
  let tree = "";
  
  // 공백 만들기!
  for (let s = 1; s <= num - i; s++) {
    tree += " ";
  }
  
  // 별 만들기!
  for (let j = 1; j <= i * 2 - 1; j++) {
    tree += "*";
  }
  console.log(tree);
}

// 결과

    * 
   *** 
  ***** 
 ******* 
*********

 

 

정답

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

for(let i=1; i<=n; i++){
  let star = '';
  for(let j=1; j<=n-i; j++){
    star += ' ';
  }
  for(let k=1; k<=2*i-1; k++){
    star += '*';
  }
  tree += star + '\n';
}

console.log(tree);

 

for문과 같은 경우는 비슷하다. 다른점은 tree를 전역변수로 설정해주어 for문 바깥에서 console로 출력하도록 만든 것이다.