[책] 만화로 배우는 프로그래밍 - 프로그램의 기본은 '○을 □한다'는 것

"다니구치 마코토. (2020). 만화로 배우는 프로그래밍. 비전코리아"

'만화로 배우는 프로그래밍이라니!' 호기심에 집어 든 책이다. 책을 볼 때 제일 먼저 목차를 본다. "프로그램의 기본은 '○을 □한다'는 것". 목차 중에 이런 제목이 있다. 만화로 된 코딩 책이라는 것만으로도 흥미로운데 굉장한 호기심이 발동됐다.

 

책의 난도는 굉장히 낮다! 딱 교양 수준이다. 초등학생 아들이 꼭 읽어 봤으면 하는 책이다. 요즘 웹툰에 비해 그림체가 올드한 느낌이 있지만 딱딱한 기술서적이 만화책이라는 것만으로도 큰 점수를 주고 싶다.

 

아주 쉽게 프로그래밍의 기본 개념, 컴퓨터 구조, 간단한 실습까지 두루 다루고 있다. 활용도가 높은 JavaScript 언어가 많은 분량을 차지하고 있다는 점도 마음에 든다. 후반부에 JavaScript 문법을 소개하고 있긴 하지만 JavaScript의 특징적인 문법은 제외되었다. JavaScript가 아닌 다른 언어로도 충분히 설명 가능한 정도이다. 이 책의 목적이 프로그래밍을 소개하는 수준이라 납득할만하다. 만화의 주인공이 영업맨이라 업무 자동화의 관점에 프로그래밍의 필요성을 주로 강조하고 있다. 책에서 소개하고 있는 툴로는 Power Automate, Scratch, JavaScript이다. 개인적으로 Power Automate는 생소했다. 코딩을 할 줄 모르더라도 업무 자동화를 시도해볼 수 있으며 사용하면서 프로그래밍의 개념을 자연스럽게 체화할 수 있을 것 같다!

 

이제 "프로그래밍의 기본은 '○을 □한다'는 것"의 정답을 공개하며 글을 마무리하고자 한다. 프로그래밍의 기본은 '무엇'을 '어떻게' 하라고 컴퓨터에게 명령하는 것이다. 두루뭉술 명령해서는 안된다. 하나하나 일일이 가르쳐 주어야 한다. 따라서 프로그래밍 언어를 학습하는 것보다 더 중요하고 어려운 것은 효율이 좋은 알고리즘, 촘촘한 알고리즘을 생각하는 것이다. 이러한 능력을 함량 하는 차원에서 '정석과 같은 알고리즘'들을 공부할 필요성이 있다고 본다.

 

아래는 JavaScript로 작성된 코드로서, 달력을 자동으로 만들어 준다. 이 책에서 소개하는 가장 긴 코드이기도 하다. 책의 코드에서 변경한 부분이 있는데 주석을 달아 놓았다.

<script>
  let now = new Date();
  let calendarTitle = now.getFullYear();
  document.write("<div><h1>" + calendarTitle + "</h1></div>"); // 연도 제목 추가
  function monthCalendar(year, month) { // 카멜 표기법 적용
    var first = new Date(year, month - 1, 1);
    var last = new Date(year, month, 0).getDate();
    var weekday = first.getDay();
    var calendarData = [];
    document.write("<div><h3>" + year + "년" + month + "월</h3>");

    document.write("<table><tr>일 월 화 수 목 금 토"); // 요일 추가
    for (var i = 0; i < weekday; i++) {
      document.write("<td></td>");
    }
    for (var i = 1; i <= last; i++) {
      document.write("<td>" + i + "</td>");

      if (weekday >= 6) {
        document.write("</tr><tr>");
        weekday = 0;
      } else {
        weekday++;
      }
    }
    document.write("</tr></table></div>");
    return calendarData;
  }

  for (var i = 1; i <= 12; i++) {
    monthCalendar(now.getFullYear(), i);
  }
</script>