티스토리 뷰

Front-End/Javascript

순서도로 배우는 자바스크립트 3

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

이제 생각이 난 것이지만 책 재목은 '순서도로 배우는 자바스크립트'가 되어있어 그렇게 공부를 진행하였다.

하지만 정작 업로드는 스크립트 문법만 올리게 되는 현상이 발생한다.

 

 

 

과제 27. 구구단 가로로 출력하기

구구단 출력 결과화면

기본 구구단에서 살짝 응용편인 결과 화면이다.

구구단이 익숙하시다면 이 부분도 어렵지 않게 하실 수 있을 것이다.

 

구구단 가로로 출력하는 코드 이미지

 

<html>
  <head> </head>
  <body>
    <h2>과제27 구구단 출력</h2>
    <script>
      for (let i = 1; i <= 9; i++) {
        for (let j = 2; j <= 9; j++) {
          document.write(`${j}*${i}= ${j * i} `);
        }
        document.write("<br />");
      }
    </script>
  </body>
</html>

코드를 보시면 알 수 있듯이 for문의 숫자와 출력하는 document.write() 이 부분의 약간만 변경하는 것을 확인할 수 있다.

 

 

 

과제 28. 10부터 1까지의 수를 배열에 저장하고 출력하라.

10에서부터 1까지를 배열로 출력

<html>
  <head> </head>
  <body>
    <h2>과제28 10에서 1출력</h2>
    <script>
      let a = [];
      for (let i = 10; i >= 1; i--) {
        a[10 - i] = i;
      }
      document.write(a);
    </script>
  </body>
</html>

배열의 기본개념을 안다면 쉽게 풀 수 있다.

 

 

 

과제 29. 배열 요소 오른쪽으로 한 칸씩 이동하는 자바스크립트

자바스크립트 배열을 오른쪽으로 한 칸씩 이동한 결과물
과제 29번 코드정답

<html>
  <head> </head>
  <body>
    <h2>
      과제29 배열 요소를 오른쪽으로 한 칸씩 원형으로 이동하는 자바스크립트
    </h2>
    <script>
      let a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
      let temp = a[9];
      for (let i = 8; i >= 0; i--) {
        a[i + 1] = a[i];
      }
      a[0] = temp;
      document.write(a);
    </script>
  </body>
</html>

책에서 나온 코드와 살짝은 다르지만, 결과물은 동일하다.

 

 

 

과제 30. 임의의 10개의 배열의 수에서 최솟값 구하기

최소값 구하기 결과물

임의 숫자 10개를 만들어 최소값을 구하는 결과 물과 코드는 다음과 같다.

 

임의 수에서 최솟값 구하기

<html>
  <head> </head>
  <body>
    <h2>과제30 임의의 10개의 배열의 수에서 최솟값 구하기</h2>
    <script>
      const a = [];
      let min;
      for (let i = 0; i < 10; i++) {
        a[i] = Math.ceil(Math.random() * 100);
      }
      document.write(`랜덤 a값 : ${a} <br />`);
      min = a[0];
      for (let i = 1; i <= 9; i++) {
        if (min > a[i]) {
          min = a[i];
        }
      }
      document.write(`최소값 : ${min}`);
    </script>
  </body>
</html>

 

 

 

이제야 프로그래머스의 기본 문제들이 조금씩 눈에 밟히기 시작하였다.

처음에는 멋도 모르고 시작하였지만, 역시 기초공사를 조금 하다 보니

예전에 못 풀었던 문제는 이 방식으로 진행하면 되겠구나 라는 생각이 들 정도로 익숙한 문제들이 많았다.

 

물론 전혀 다른 문제도 있겠지만, 이 기본 개념을 토대로 코딩 테스트를 한다면

처음보다는 많은 문제를 풀 수 있지 않을까 하는 기대감이 들기 시작하였다.

728x90
반응형

'Front-End > Javascript' 카테고리의 다른 글

순서도로 배우는 자바스크립트 6  (0) 2020.12.16
순서도로 배우는 자바스크립트 5  (0) 2020.12.13
순서도로 배우는 자바스크립트 4  (0) 2020.12.12
순서도로 배우는 자바스크립트 2  (2) 2020.12.10
순서도로 배우는 자바스크립트 1  (0) 2020.12.06
댓글
250x250
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   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
글 보관함