티스토리 뷰

ETC/Coding Test

지그재그 응용편

제이나린 2020. 12. 5. 10:00
728x90
반응형

지난번에 지그재그를 풀어가는 과정을 나열해보았다.

그때는 다른 블로거들의 참고를 통해 해 보았지만, 이번엔 직접 다른 문제를 각색하여 풀어보려고 한다.

 

 

1부터 10까지 지그재그로 출력하려 한다. 두번째 줄은 거꾸로 출력

먼저 1부터 10까지 출력

<html>
  <body>
    <h2>지그재그 출력</h2>
    <script>
      const maxLine = 10;
      let minNumber = 0;
      for (let i = 1; i <= maxLine; i++) {
        let data = [];
        data.push(i);
        document.write(data, "<br />");
      }
    </script>
  </body>
</html>

지그재그 10줄 출력

먼저 10줄 출력 확인

 

10 줄에 맞게 행을 출력한다.

지그재그 출력 100

 

마지막으로 공부한 reserve를 추가하면 된다.

지그재그 출력 최종

후.. 드디어 성공했다.

여기서 마지막으로 깔끔하게 보기 위해 한가지만 더 추가하려고 한다.

 

join 함수 사용

처음에는 split를 사용해보려 하였지만, 아직 익숙지 않아서 다른 방법을 찾아보니까 join함수가 있다.

간단하게 붙여서 하는 join함수로 내가 원하는 모양을 변형을 할 수 있다.

<html>
  <body>
    <h2>지그재그 출력</h2>
    <script>
      const maxLine = 10;
      let minNumber = 0;
      for (let i = 1; i <= maxLine; i++) {
        let data = [];
        for (let j = 1; j <= 10; j++) {
          minNumber += 1;
          data.push(minNumber);
        }
        if (i % 2 == 0) {
          data.reverse();
        }
        document.write(data.join(", "), "<br />");
      }
    </script>
  </body>
</html>

 

 

 

바로 다음날 하면 당연히 기억이 좋기 때문에 응용력도 처음에 한 것보다는 좀 빠르게 나온다.

하지만 꾸준함만이 답이라 했듯

앞으로 코테는 꾸준히 해야한다는 것을 알게 되었다.

확실히 계속 하고 안하고의 차이가 머리 회전율이 다름을 느꼈다.

728x90
반응형
댓글
250x250
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함