추가 적립 안내

만화로 재미있게 읽다 보면
저절로 마스터하게 되는 프로그래밍 입문서!
이제 나도 프로그래머가 된다!

직장에서 상사가 지시한 업무를 밤새워 힘들게 일하는 신입사원이 있는 반면 짧은 시간에 빨리 끝내고 남는 시간 동안 여유를 즐기는 사람도 있다. 이 엄청난 차이는 바로 간단한 코딩 지식을 가지고 있느냐 없느냐에 달려 있다. 비단 직장 생활 뿐만이 아니다. 일상에서도 이러한 코딩 지식을 가지고 있으면 업무 시간을 절약하고, 일의 효율성과 속도를 높여 줄 수 있는 경우가 많다.

《만화로 배우는 프로그래밍》은 만화로 재미있게 코딩을 배울 수 있는 책이다. 프로그래밍은 어려울 것이라는 편견을 깨고, 스크래치, 자바스크립트 등 프로그래밍에 대한 기본 개념과 원리를 아주 쉽게 익힐 수 있다. 또 프로그래밍을 배움으로써 컴퓨터가 어떤 원리로 작동하고 움직이는지도 이해할 수 있게 된다. 이는 우리 삶에 꼭 필요한 컴퓨터를 좀 더 효과적으로 활용하기 위해 필요한 사고력을 키우도록 도와준다.

2019년부터 초등학교 교과목에 코딩이 포함되었다. 우리가 국어, 영어, 수학을 당연하게 배우듯이 이제 코딩도 학교에서 배우는 기본 과목이 되었다. 하지만 취업을 준비하거나 이미 직장생활을 하는 이들은 아직도 ‘프로그래밍’을 전문가의 영역으로 인식한다. 이제 프로그래밍은 프로그래머가 되기 위해 필요한 지식이 아니다. 엑셀이나 한글 프로그램처럼 누구나 알아야 할 생활 기초 지식이다.
AI 시대에 필수 능력이 된 프로그래밍! 이제《만화로 배우는 프로그래밍》으로 기초부터 실전까지 쉽고 재미있게 배워 보자.

스크래치와 자바스크립트 완전 정복!
읽다보면 저절로 배우고 써먹게 된다!

ㆍ 프로그래밍의 개념을 만화로 쉽게 익힌다.
ㆍ 프로그래밍을 할 줄 알면 편리한 점이 무엇인지 알 수 있다.
ㆍ 스크래치와 자바스크립트의 기본을 알게 된다.
ㆍ 간단한 프로그래밍은 내 손으로 직접 해본다.

열정과 의욕이 넘치는 입사 3년 차 영업맨인 주인공은 특유의 친화력으로 영업은 잘하지만 소소한 사무 업무를 잘 못해서 야근할 때가 종종 있다. 어느 날 과장이 50군데 점포에서 올라온 매출 보고서에서 한 상품에 대한 매출만 집계하라는 지시를 받는다. 밤새워 간신히 마쳤지만 오류투성이. 다시 해야 하는 암담한 상황에서 선배가 나타나 프로그래밍으로 간단하게 끝내버린다. 주인공은 충격을 받고 선배에게 프로그래밍을 가르쳐달라고 부탁하고, 선배는 가르쳐주는 대신 연구실에 처박혀 지내는 여동생과 데이트를 한 번 해달라고 요청하는데….
문화센터에서 초등학생에게 프로그래밍을 가르치는 선배의 여동생과 가슴 설레는 데이트를 하면서 프로그래밍도 배우게 된 주인공. 그는 연애와 프로그래밍, 두 마리 토끼를 다 잡을 수 있을까?
프로그래밍은 ‘프로그래밍 언어’를 직접 다루면서 작성해가는 작업이다. 앞으로 프로그래밍의 비중은 점점 커질 것이다. 직장은 물론 일상에서도 프로그래밍을 알면 쓸모가 많다. 프로그래밍을 배우면 컴퓨터가 어떤 원리로 작동하고 어떤 식으로 ‘명령’하면 어떤 식으로 움직이는지를 알 수 있다. 이것을 이해함으로써 컴퓨터나 AI에 ‘이용되지 않고’, ‘이해하고 사용’할 수 있게 된다. 또한 평소에도 많이 쓰는 컴퓨터를 좀 더 효과적으로 활용하고, 새로운 사용법 등을 생각해냄으로써 업무를 더 효율적으로 처리하게 된다.
프로그래밍의 ‘프’자도 몰랐던 주인공이 하나하나 프로그래밍을 알아가면서 귀찮은 일을 오토메이트 서비스로 간단히 해결하고, 블록을 이용해 쉽게 코딩을 배울 수 있는 스크래치를 접하고, 자바스크립트로 직접 코딩을 해보는 경험을 한다. 흥미로운 이야기를 따라가다 보면 자연스럽게 프로그래밍의 개념과 원리를 알게 되고, 어렵게만 느껴지던 프로그래밍이 만만해진다. 특히 만화 중간중간에 나오는 보충설명으로 더 깊이 있는 코딩 지식을 가질 수 있다. 가장 기본적인 것부터 원리까지 차근차근 설명하고 있어 프로그래밍 공부를 시작하는 분에게 좋은 길잡이가 될 것이다.

프롤로그
등장인물

1 프로그래밍이란 뭘까?
Power Automate
만화 「복잡하고 힘든 일을, 전부 자동화」
Check Point
프로그래밍의 기본, ‘귀찮은 일은 컴퓨터에’
프로그램의 기본은 ‘○을 □한다’는 것
오토메이트 서비스로 프로그래밍 체험하기
COLUMN 웹브라우저는 어떤 것을 사용할까?
사이트 업데이트 정보 알림 만들기
프로그래밍은 발상이 중요!

2 블록을 연결하면 완성!
게임 같은 프로그래밍
Scratch
만화 「초등학교의 프로그래밍 강좌」
Check Point
비주얼 프로그래밍을 사용한 어린이용 프로그래밍 교재
로봇과 연계하여 더욱 직관적인 프로그래밍 학습
스크래치를 시작해보자
대화하는 프로그램 만들기
변수 사용하기
계산하게 하기

3 프로그래밍을 좀 더 깊이 알아보자
JavaScript
만화 「두 사람을 이어주는 계획」
Check Point
자바스크립트란 뭘까?
일단 컴퓨터 구조부터 이해하기
컴퓨터는 사실 전부 똑같다?
제어와 연산을 담당하는 컴퓨터의 두뇌 ‘CPU’
기억장치가 둘로 나뉜 이유
COLUMN 데이터 단위
자바스크립트로 프로그램 만들기
어떤 프로그램을 만든 걸까?
4 실전! 프로그래밍
JavaScript
만화 「처음 만든 프로그래밍」
Check Point
순차 프로그램 배우기
선택 프로그램 배우기
반복 프로그램 배우기
배열ㆍ리스트 사용해보기
COLUMN 짧게 쓸 수 있는 for 구문
프로그램의 ‘디버그’ 배우기
COLUMN 자바스크립트를 기술하는 파일에 대하여
만화 「프로그래밍이 이어주는 미래」

에필로그

‘프로그래밍을 공부하는 건 귀찮을 것 같아.’라고 생각할지도 모릅니다. 그러나 사실은 완전히 반대입니다. 프로그래밍을 공부하면, 귀찮은 일은 모두 컴퓨터에 맡길 수 있지요.
예를 들면 앞의 만화에 이런 사례가 있었습니다.
좋아하는 사이트의 업데이트를 날마다 확인하는데, 업데이트되지 않은 적도 많아 귀찮다.
출퇴근 시각을 장부에 일일이 기록하기 귀찮다.
평소 업무나 일상생활에서 귀찮다고 느낀 일이 없나요 그것을 프로그래밍이 해결해줍니다. 지금까지는 밤을 새워서 하던 집계 작업 같은 것도 아주 빨리, 실수 없이 할 수 있습니다. _036~037p

그럼 프로그래밍할 때 뭐부터 시작하면 좋을까요 프로그래밍의 기본은 ‘무엇’을 ‘어떻게’ 하라고 컴퓨터에 명령하는 것입니다. ‘문자’를 ‘표시’할 것인지, ‘숫자’를 ‘더할’ 것인지, ‘이미지’를 ‘저장’할 것인지 등등 원하는 것을 컴퓨터에 명령하면, 그대로 움직입니다. 다만, ‘컴퓨터가 할 수 있는 일’이 그리 많지는 않습니다. 예를 들어 앞의 만화에서 다음과 같이 아무렇게나 늘어놓은 숫자를 후쿠가 정리했었지요.
8 5 2 6 9 7 1 4 10 3
이것을 숫자가 작은 순으로 배열하려면 어떻게 해야 할까요 ‘숫자를 순서대로 정렬하라’라고 명령할 수 있다면 간단하겠지만, 그렇지 않습니다. 컴퓨터는 작은 순서란 무엇인지, 정렬한다는 것은 어떤 작업인지를 모릅니다. 그래서 훨씬 세세하게 작업을 전달해야 합니다. _040~041p

이럴 때 컴퓨터 구조를 모른다면 무엇이 원인인지조차 알지 못하므로 전체를 수리 업체에 의뢰할 수밖에 없습니다. 구조를 이해하면 ‘왜 그런 현상이 발생했는가 ’ 등을 생각할 때 힌트를 얻을 수 있어 문제를 해결할 수 있습니다. 자동차도 엔진의 구조 등을 이해하면 문제가 생겼을 때 스스로 해결하거나 약간 개조를 하거나 하여 자기 나름대로 즐기는 방법이 생길 수 있습니다. 프로그래밍도 마찬가지로, 컴퓨터의 구조를 이해하면 훨씬 배우기 쉬워집니다. 프로그램을 작성하는 데에도 구조를 이해하는 것은 필요합니다. 약간 에둘러간다는 생각이 들지도 모르지만, 프로그래밍을 배우는 것과 동시에 반드시 컴퓨터의 구조도 공부해두면 좋습니다. _136p

프로그램의 흐름을 만드는 또 하나가 반복입니다. 예를 들어 만화에서 후쿠가 처음에 골치를 앓았던 ‘각 점포의 매출을 합계한다’라는 것을 프로그래밍할 때, 이 반복의 구문을 알고 있다면, 쉽게 처리할 수 있었을지도 모릅니다. 먼저 다음과 같은 프로그램을 작성해봅니다. ‘1부터 100까지 세어서 화면에 표시한다.’ ‘화면에 표시한다’라는 것은 자바스크립트에서 ‘document.write’라는 명령으로 만들 수 있으므로, 혹시 지금까지 배운 것만으로 프로그램을 만들려고 하면 그림 1과 같이 됩니다. _177p