추가 적립 안내

『슈퍼 코딩』은 독자가 게임 하나를 끈질기게 완성해 가면서 스스로 원리를 깨우치고, 창의성을 발휘하고, 성취감을 획득하도록 유도합니다. 또한, 게임을 만들 때 겪는 시행착오를 줄이고, 완성도를 높이는 데 집중합니다. 예를 들어, 반복 작업에 유용한 루프를 설명하기 위해 먼저 루프를 사용하지 않는 사각형 그리기 스크립트를 보여주고 왜 문제가 되는지, 더 효율적인 방법은 없는지 고민하도록 유도합니다. 그리고 루프를 활용한 스크립트를 통해 앞에서 제시된 고민과 문제가 해결되는 걸 보여주고, 횟수나 각도를 변경하여 루프 바꾸기로 사각형 그리기가 편리하게 확장될 수 있음을 알려줍니다. 이처럼 여러분은 이 책을 가지고 혼자서도 손쉽게 코딩의 ‘실전 기술’과 ‘핵심 개념’을 익혀갈 수 있습니다. 또한, 코딩의 개념을 바로 실전 게임에 적용해 보면서 코딩 실력이 얼마나 향상됐는지 스스로 진단해 볼 수도 있지요.

“코딩, 배우고 싶은데 막막해? 게임, 만들고 싶은데 답답해?”
프로그래밍의 기본 개념과 핵심 기술을 모두 담은,
코딩이 쉬워지는 10가지 《슈퍼 코딩》 안내서!

“코딩을 처음 배우는 모든 친구들에게 이 책을 권합니다!”
_김종훈 (제주대학교 교육대학 초등컴퓨터교육전공 교수)

코딩을 배우고 싶은데, 어디서부터 시작할지 막막하다고요?
스크래치는 열었는데 무엇을 만들지 감이 안 잡힌다고요? 걱정할 것 없어요!
코딩의 핵심 개념과 실전 기술, 두 마리 토끼를 모두 잡은 《슈퍼 코딩》이 있으니까요.
이 책은 플랫폼 게임을 만들어 가면서 코딩의 정의, 스크래치 도구 사용법, 좌표와 위치, 루프와 조건문, 변수와 리스트, 게임 설계와 제작, 웹 사이트 작성(HTML)과 웹 디자인(CSS) 같은 코딩의 핵심 기술 10가지를 친절하게 설명합니다. 차근차근 이 책을 따라가다 보면, 여러분도 어느새 ‘코딩 능력자’가 돼 있을 거예요!

★★★★★ “《슈퍼 코딩》을 통해 아이들이 코딩의 참맛을 맛볼 것이다!” _ Booklist
★★★★★ “프로그래밍 교사이자, 여러 코딩 교육 안내서를 집필한 숀 맥마누스는 자신만의 특별한 방식으로 코딩을 친절하게 안내한다. 복잡한 코딩 문제들이 저자의 글을 통해 마법처럼 단순하게 뒤바뀐다!” _ Kirkus
★★★★★ “《슈퍼 코딩》을 구입했어요! 이번 크리스마스에 우리 아이에게 코딩을 선물할 거예요! ” _영국 아마존 독자 서평

“어서 와, 코딩 세상은 처음이지?”
봄바람을 타고, 코딩 바람이 더욱 거세게 불고 있습니다. 너도나도 코딩의 중요성을 외치는데, 정작 현장에 있는 부모, 교사, 아이들은 무엇을 어떻게 준비해야 하는지 막막하기만 합니다. 코딩 공부를 바로 시작하고 싶다고요? 복잡한 코딩의 개념을 손쉽게 배우면서, 핵심 기술을 바로 적용하는 강력한 《슈퍼 코딩》을 만나 보세요! 지금 당장, 컴퓨터를 켜고 《코딩이 쉬워지는 10가지_슈퍼 코딩》을 펼치세요. 꽉꽉 막혔던 어려운 코딩의 원리와 기술들이 단숨에 “뻥!” 하고 뚫릴 거예요.
《슈퍼 코딩》으로 내 안에 있는 컴퓨팅 사고력을 깨우고, 코딩 실력을 쑥쑥 키워 보세요!

“개념과 실전, 두 마리 토끼를 모두 잡으세요!”
기존에 나온 코딩 책은 원리를 풀어쓰지 않고 어려운 전문 용어들만 나열되어 있거나, 게임 예제들만 가득한 경우가 많습니다. 게임 예제만 무작정 따라 하다가 창의력을 제대로 발휘하지 못한 채, 흥미를 잃는 경우가 허다하지요. 《슈퍼 코딩》은 독자가 게임 하나를 끈질기게 완성해 가면서 스스로 원리를 깨우치고, 창의성을 발휘하고, 성취감을 획득하도록 유도합니다. 또한, 게임을 만들 때 겪는 시행착오를 줄이고, 완성도를 높이는 데 집중합니다.
예를 들어, 반복 작업에 유용한 루프를 설명하기 위해 먼저 루프를 사용하지 않는 사각형 그리기 스크립트를 보여주고 왜 문제가 되는지, 더 효율적인 방법은 없는지 고민하도록 유도합니다. 그리고 루프를 활용한 스크립트를 통해 앞에서 제시된 고민과 문제가 해결되는 걸 보여주고, 횟수나 각도를 변경하여 루프 바꾸기로 사각형 그리기가 편리하게 확장될 수 있음을 알려줍니다. 이처럼 여러분은 이 책을 가지고 혼자서도 손쉽게 코딩의 ‘실전 기술’과 ‘핵심 개념’을 익혀갈 수 있습니다. 또한, 코딩의 개념을 바로 실전 게임에 적용해 보면서 코딩 실력이 얼마나 향상됐는지 스스로 진단해 볼 수도 있지요.

《슈퍼 코딩》, 단숨에 꿰뚫기!
자, 《슈퍼 코딩》을 샅샅이 파헤쳐 봅시다! ‘①코딩’에서는 코딩의 정의와 종류를 소개합니다. 가전제품 안에도 코드가 숨어 있다니, 새삼 우리 집 낡은 세탁기와 텔레비전이 새롭게 보입니다. 파이썬, C++ 같은 다양한 프로그래밍 언어에게 “Hello World!” 하고 인사해 보세요.
‘②도구’에서 스크래치 도구 사용법과 기능을 숙지하세요. 아하! 무대, 스프라이트, 스크립트 같은 코딩 용어들이 연극이나 영화에서 쓰는 개념들이었군요. 이거, 벌써부터 코딩이 만만해지는걸요.
‘③좌표’로 위치를 정확하게 옮길 수 있다면 스프라이트 위치를 정확하게 배치하거나 진짜 펜을 쓰지 않고 블록으로 그림을 그릴 수도 있답니다. 꼭 마술 같지요?
같은 일을 반복하는 게 지겹다고요? 당장 ‘④루프’를 찾아가세요. 원하는 명령들을 한꺼번에 반복해 주는 고마운 녀석입니다. 루프 덕분에 집과 마을도 만들었지요.
‘⑤조건문’인 ‘만약~라면, 만약~가~아니면’ 명령 블록은 어떤 문제가 닥쳐도 능수능란하게 대처합니다. 이 원리를 적용해 장애물 게임을 만들 수 있어요.
켜켜이 쌓여 가는 문자와 숫자 정보들이 고민이라면, 알아서 척척 정리해 주는 코딩 청소부 ‘⑥변수’를 불러 보세요. 게임 점수를 올리거나 내리고, 퀴즈 문제와 정답들을 한곳에 모아 두었다가, 필요할 때 슈퍼맨처럼 짠! 하고 나타나 준답니다.
‘⑦설계’ 시간에는 지금까지 익혀둔 기술을 활용해 게임을 제작할 거예요. 우선, 프로토타입(견본 게임)을 만들어 마음껏 실험하세요. 이런, 원하는 대로 잘 안 된다고요? 문제를 일으키는 버그가 많을수록 좋아요. 버그를 바로잡다 보면 코딩 실력은 빵빵하게 늘어 가고, 게임 완성도는 쑥쑥 높아질 테니까요.
‘⑧제작’에서 게임 완성도를 높여 보세요. ‘루프’로 움직이는 플랫폼을 만들고, ‘좌표’로 적들을 정확하게 배치하고, ‘변수’로 에너지를 올리고 내려 보세요. 드디어 게임을 완성했어요!
코딩에 대한 자신감이 붙었다고요? 한 발짝 더 나아가 진짜 프로그래머처럼 웹 페이지를 작성하고, 디자인해서 내가 만든 게임과 정보를 공유해 볼까요? ‘⑨HTML’과 ‘⑩CSS’에 수록된 코드를 하나하나 입력해 보세요. 괄호와 기호들의 쓰임만 잘 익혀 두면 생각보다 어렵지 않답니다.
참, ‘슈퍼 코더를 위한 웹 사이트’와 ‘핵심 코딩 용어’들도 꼼꼼하게 챙겨 두면 좋겠죠?
《슈퍼 코딩》을 통해 무궁무진한 코딩 세상에서 여러분의 꿈을 마음껏 펼쳐 보세요.

전 세계 수백 만 명이 선택한 코딩 교육 도구, 스크래치!
이 책의 저자 숀 맥마누스가 밝혔듯이 스크래치는 코딩 교육을 시작할 때 가장 적합한 도구입니다. 스크래치는 MIT 미디어랩에서 만든 교육용 프로그램으로, 복잡한 컴퓨터 명령어를 레고 블록처럼 만들어 직관적으로 동작시킬 수 있습니다. 전 세계 수백 만 명이 학교와 가정에서 스크래치로 코딩 교육을 받았고, 미국 하버드 대학생들은 스크래치로 프로그래밍 교육을 받습니다.
이 책에 소개된 코딩 원리들은 이러한 스크래치를 중점으로 다루고 있습니다. 물론, 책에 나오는 코딩 원리는 스크래치뿐만 아니라 다른 프로그래밍 언어에서도 적용할 수 있답니다. 스크래치는 도구일 뿐, 핵심은 컴퓨팅 사고력을 키우는 데 있다는 걸 명심하세요!

이 책의 특징

▶ 만만한 예제로 손쉽게 배워요
어려운 문제를 분해하고 단순화해서 문제를 해결하는 능력은 컴퓨팅 사고에서 가장 중요한 기술입니다.
이 책은 복잡한 코딩 개념들을 간단한 예제를 통해 하나하나 분해하면서 개념과 실전 기술을 손쉽게 배우도록 돕습니다. 예제들은 아이들에게 친숙한 과학 실험이나 보드게임, 활동 놀이, 퀴즈 게임들을 활용해 만들었지요. 또한 호기심을 자극하는 제목을 붙인 친절한 정보들을 하나하나 병렬식으로 배치해, 언제든지 원하는 정보를 쉽게 찾을 수 있도록 구성했습니다.

▶ 도움이 되는 정보들이 방울방울
프로그래밍을 하다가 헷갈리거나 모르는 문제에 부딪혔다면, 동동 떠다니는 정보 상자를 주의 깊게 살펴보세요. ‘꿀정보’와 ‘여기서 잠깐!’은 꼭 알아둘 핵심 개념과 놓치기 쉬운 대목을, ‘언제나 안전하게!’에서는 온라인 에티켓이나 주의할 점을 쏙쏙 골라 담았습니다. 또, ‘한 발짝 더!’ 코너에서는 독자 스스로 도전해 보는 응용 미션을 제시해 줍니다.

▶ 딱 보면 바로 알아요!
명령어들을 블록으로 시각화한 스크래치 프로그램은 초보자가 직관적으로 코딩하도록 구성돼 있습니다. 이 책에도 명령 블록들과 도구들을 그대로 옮겨 본문 곳곳에 삽입해 두었지요. 독자는 설명글을 자세하게 읽지 않고도, 명령 블록과 도구 이미지를 따라 스크래치 기술을 바로 이해하고 적용해 볼 수 있답니다.
덧붙여, 다정한 일러스트와 실전 블록 그림은 컴퓨터를 켜지 않고도 머릿속에서 코딩을 떠올리고 집중하도록 도와줍니다.

여기서 잠깐! 《슈퍼 코딩》 제대로 활용법!
《슈퍼 코딩》은 교과서처럼 달달 외우거나 한 번만 읽고 끝내는 책이 아니에요.
다음과 같은 활용법을 잘 숙지해 두면, 효율적으로 코딩 공부를 할 수 있습니다.
처음에는 1장에서 10장까지 순서대로 읽어 나가는 게 좋습니다.
한 장이라도 건너뛰면 중요한 개념이나 방법을 놓칠 수도 있거든요.

목표
● ‘1011 미션’을 완수한다! (10일 동안 1일 1시간 코딩하기)
● 게임 하나를 제대로 끝까지 완성한다!

준비할 것: 《슈퍼 코딩》 책, 인터넷이 연결된 컴퓨터, 아이디어 노트!

1. 책을 펼친다. 컴퓨터pc를 켜고, 스크래치 프로그램(scratch.mit.edu)을 연다.
(만약, 컴퓨터가 없는 상황이라면, 머릿속으로 컴퓨터 화면을 떠올려도 좋다.)
2. 컴퓨터 화면에서 스크래치를 열고, 설명글을 보면서 예제 코드를 따라해 본다.
3. 책에서 코딩 원리를 확인한 뒤, ‘한 발짝 더!’ 응용 미션에 도전한다!
4. 1~3을 완료했다면, 내 머릿속 루프 기능을 이용해 상황에 따라 《슈퍼 코딩》을 반복한다.

*《슈퍼 코딩》에 나오는 예제 코드들은 길벗어린이 홈페이지(www.gilbutkid.co.kr)와 스크래치&SW교육카페 ‘책소개와 자료’(cafe.naver.com/scratchprogramming) 에서 볼 수 있어요!

‘헬로CT’ 시리즈를 펴내면서…

테크놀로지 시대에 우리는 어떻게 미래를 대비해야 할까요?
인간은 컴퓨터 인공지능에 대한 막연한 위기감을 ‘앎’을 통해 극복하고 새로운 세상을 맞이해야 합니다. 컴퓨터와 공존하는 유일한 방법은, ‘컴퓨팅 사고력’을 키우는 것입니다.
컴퓨팅 사고력이란, 컴퓨터 과학자처럼 사고하면서 인간이 가진 창의성, 논리성으로 문제를 해결하는 능력을 말합니다. 컴퓨팅 사고력을 가지고 컴퓨터와 소통하는 언어가 바로 ‘코딩’입니다.
코딩은 누구나 할 수 있고, 누구나 해야 하는 미래의 언어인 셈이지요.
미래의 주인공인 우리 아이들이 컴퓨팅 사고력을 바탕으로, 어려운 문제를 최선의 해결책으로 이끌어 내고, 자신 안에 있는 창의성을 마음껏 펼치게 되길 바랍니다.

헬로CT 는 컴퓨터 원리를 가지고 창의적으로 문제를 해결하는 컴퓨팅 사고력(Computational Thinking)을 키워 줍니다.
01 코딩이 쉬워지는 10가지_슈퍼 코딩 숀 맥마누스 지음|김종훈 외 옮김
02 헬로루비: 코딩이랑 놀자! 린다 리우카스 지음| 이지선 옮김 (곧 출간됩니다.)
* 헬로CT 시리즈는 계속 출간 됩니다.

시작하기 전에 -- 어서 와, 코딩 세상은 처음이지?
슈퍼 코딩 ① 코딩 : 코딩이란?
안녕, HELLO WORLD!
슈퍼 코딩 ② 도구 : 도구랑 친해지기
고양이가 마라톤 경주를 한다고?
무대를 꾸며 볼까?
슈퍼 코딩 ③ 좌표 : 좌표가 뭘까?
당나귀 꼬리를 달아 줘! 펜으로 블록을 그려 볼래?
슈퍼 코딩 ④ 루프 : 간편하게 반복하기
나만의 블록을 만들어 볼까?
슈퍼 코딩 ⑤ 조건문 : 의사결정을 스마트하게!
버저 게임을 코딩한다고? 만약 …라면…아니면
슈퍼 코딩 ⑥ 변수 : 변수로 마법 부리기
변수, 어떻게 쓸까? 나만의 리스트 사용법
슈퍼 코딩 ⑦ 설계 : 게임 설계하기
플랫폼에서 떨어졌다면?
왔다갔다 플랫폼
슈퍼 코딩 ⑧ 제작 : 플랫폼 게임 완성하기
슈퍼 코딩 ⑨ HTML : 나만의 웹 사이트 만들기
목록으로 깔끔하게!
이미지를 넣어야 제맛!
슈퍼 코딩⑩ CSS : 웹 사이트 디자인하기
안녕, CSS
슈퍼 코딩 부록: 슈퍼 코더를 위한 웹 사이트 / 핵심 코딩 용어 / 찾아보기