새로 나온 책
시리즈 소개
과학_권혁도 세밀화 그림책
과학_길벗어린이 과학그림책
과학_길벗어린이 자연·생태
과학_길벗어린이 지식 그림책
과학_사계절 생태놀이
과학_심플 사이언스
과학_초등 과학
만화_G.그래픽노블
만화_사이언스 코믹스
만화_사탕의 맛
만화_어린이를 위한 심리학
만화_체리의 다이어리
문학_고정순 그림책
문학_길벗어린이 문학
문학_길벗어린이 빅북
문학_길벗어린이 옛이야기
문학_길벗어린이 저학년 책방
문학_김영진 그림책
문학_두고두고 보고 싶은 그림책
문학_둥둥아기그림책
문학_민들레 그림책
문학_보람그림책
문학_빨간 벽돌 유치원
문학_사노요코그림책
문학_신나는 책놀이
문학_에세이
문학_예술이된그림책,포스터북
문학_우리반 친구들
문학_인생 그림책
문학_작가앨범
문학_지원이와 병관이
아름드리미디어
예술·실용_길벗어린이 예술실용서
예술·실용_내가 처음 가 본 그림 박물관
예술·실용_내가 처음 만난 예술가
예술·실용_동요 그림책
지식·교양_길벗어린이 지식교양서
지식·교양_끼리끼리 재미있는 우리말 사전
지식·교양_라루스 어린이백과
지식·교양_재미있게 제대로
컴퓨팅사고력_헬로!CT
컴퓨팅사고력_헬로!CT(유아)
연령별 책 보기
교과과정별 책 보기
상 받은 책
추천 받은 책
저작권 수출 도서
Ȩ > å Ұ > ø Ұ > 컴퓨팅사고력_헬로!CT > 화살표 코딩 ④
화살표 코딩 ④ : 화살표를 따가라며 패턴을 익히는 ()
맥스 웨인라이트 / 옮김 김현철 | 2017-12-22  
   
40 /  190x250mm /  10,000 / 초판
ISBN_13 978-89-5582-430-8 /  KDC 005
ø 컴퓨팅사고력_헬로!CT 14
з 소프트웨어, 컴퓨터
초등 1~2학년(7~8세), 초등 전학년(8~13세)
화살표만 따라가면 코딩의 패턴이 저절로 익혀지고,
핵심 개념이 쉽게 이해되는 <화살표 코딩> 시리즈 4권!


HTML과 자바스크립트로 나만의 웹 사이트를 만들어요!
지금 우리의 생활은 인터넷과 떼려야 뗄 수 없을 정도로 연결되어 있습니다. 웹 사이트에 접속하여 필요한 정보를 얻고, 언제 어디서나 스마트폰으로 새로운 뉴스를 검색해 볼 수 있지요. 그런데 우리가 늘 접속하는 웹 사이트를 직접 만들 수 있다면 어떨까요? 《화살표 코딩 ④》에서는 1~3권에서 다룬 코딩의 기본 원리와 핵심 개념들을 바탕으로 하여 넓디넓은 네트워크의 세계로 들어가 봅니다. 웹이란 무엇인지, 인터넷이란 무엇인지, URL에는 어떤 의미가 담겨 있는지, 웹 페이지와 웹 사이트의 차이점은 무엇인지, 어떻게 웹 사이트를 만들 수 있을지, 이 모든 질문에 대한 답이 담겨 있지요. 웹 사이트를 만들기 위해 이 책에서는 프로그래밍 언어인 ‘HTML’과 ‘자바스크립트’를 사용할 거예요. ‘태그’를 사용하여 각 웨 페이지에 여러 요소를 넣고, 웹 페이지끼리 연결하는 ‘하이퍼링크’를 추가하고, ‘함수’를 이용해 웹 페이지를 꾸미는 과정을 화살표를 따라 차근차근 따라가다 보면 나만의 웹 사이트를 완성할 수 있답니다. 코딩을 가장 쉽게 배우는 방법은 바로 ‘패턴’을 익히는 것입니다. 《화살표 코딩 시리즈》는 화살표만 따라오면 쉽고 재미있게 패턴을 익히며 코딩을 배울 수 있는, 코딩 초보자를 위한 가장 적합한 지침서입니다.

프로그래밍 언어를 넘나들며 코딩을 이해하는 단계별 코딩 기본서, <화살표 코딩> 시리즈!
《화살표 코딩 시리즈》는 코딩을 할 때 알아야 할 핵심 개념들을 단계별로 소개합니다. 루프와 변수, 선택, 난수, 함수, HTML 등의 개념을 로고, 스크래치, 파이선 등의 언어로 반복하며 익힐 수 있습니다. 각 권마다 다루는 개념과 언어는 다르지만, 1권에서 4권까지 모두 따라하고 나면 누구나 슈퍼 코더가 될 수 있답니다. 코딩의 패턴을 익힐 수 있을 뿐만 아니라 코딩의 개념과 원리를 하나로 꿰뚫어 볼 수 있기 때문이지요. 코딩의 과정은 한 단계씩 복잡해지지만, 앞에서 나온 개념을 반복하여 연습하기 때문에 하나의 개념을 더 깊이 이해할 수 있습니다. 《화살표 코딩 시리즈》는 아이들이 코딩을 가장 쉽고 빠르게 이해할 수 있도록 구성되어 있습니다. 어디에서도 볼 수 없는 다양한 로봇 친구들을 직접 다운로드하여 활용할 수도 있고, 어려운 개념일수록 게임이나 재미있는 활동을 통해 익힐 수 있도록 꾸몄답니다. 또한 화살표를 따라가기만 하면 되므로 어린이부터 어른까지 누구나 코딩의 세계로 쉽게 들어올 수 있지요. 코딩 세계에서 길을 헤매지 않도록 화살표만 잘 따라오세요!

코딩의 원리와 핵심 개념을 이용하여 나만의 웹 사이트를 만들어요!
각종 포털 사이트나 웹 사이트를 접속하면 다양한 정보와 이미지, 동영상을 둘러보고, 자료를 얻거나, 게시판에 글을 쓰거나, 게임을 할 수도 있습니다. 하나의 웹 사이트 안에는 수많은 웹 페이지들이 서로서로 연결되어 클릭 한 번만으로 이 페이지에서 저 페이지로 이동할 수 있고요. 사용하는 건 쉽지만, 직접 웹 사이트를 만드는 일은 어쩐지 아주 복잡하고 어려워 보이지요. 하지만 기초적인 단계의 웹 사이트라면 아이들도 충분히 만들어 볼 수 있답니다. 《화살표 코딩 ④》에서는 ‘HTML’과 ‘자바스크립트’라는 새로운 프로그래밍 언어로 웹 페이지를 만들고, 각 웹 페이지를 하이퍼링크로 연결하여 나만의 웹 사이트를 코딩할 수 있도록 하나부터 열까지 차근차근 설명해 준답니다. 프로그래밍 언어는 다르지만 1~3권에서 다루었던 코딩의 기본 원리와 핵심 개념은 웹 사이트를 만들 때도 고스란히 적용됩니다. ‘함수’를 사용해 퀴즈 프로그램을 코딩해 보고, 웹 페이지의 배경 색깔과 글자 색깔을 바꿔 보고, ‘루프’와 ‘변수’를 사용해 입력한 식을 반복하여 계산하고 화면에 나타내는 프로그램도 만들어 볼 수 있지요. 이렇게 만든 프로그램을 'HTML'과 ‘자바스크립트’를 사용하여 웹 브라우저에 보여 줄 수 있습니다. 《화살표 코딩 ④》의 화살표를 따라가면서 한 단계 한 단계 순서대로 웹 페이지를 코딩하는 태그를 연습하고, 어떤 웹 사이트를 만들지 결정하고, 각 요소를 코딩하여 웹 페이지를 만들고, 웹 페이지들을 꾸미고, 여러 개의 웹 페이지끼리 연결하다 보면 나만의 웹 사이트를 완성할 수 있답니다!

다양한 프로그래밍 언어를 다루며 코딩의 개념을 통합적으로 이해해요!
웹 페이지를 만드는 방법은 대단히 많습니다. 《화살표 코딩 ④》에서는 그중에서도 ‘HTML’을 사용합니다. 웹 페이지에 어떤 요소가 들어갈지 웹 브라우저에 알려 주어, 웹 페이지의 뼈대를 만들어 주는 프로그래밍 언어이지요. 그런데 HTML뿐만 아니라, 이 책에서는 ‘자바스크립트’라는 스크립트 언어를 함께 소개합니다. HTML은 새 웹 페이지를 로드하는 일만 할 뿐, 웹 페이지의 요소를 변경하거나, 이동하거나, 숨기거나, 알림창을 띄우는 등 웹 페이지를 생동감 있게 만들어 주는 것은 자바스크립트의 몫이기 때문입니다. 한 마디로 HTML이 ‘웹 페이지에 들어가는 요소’라면, 자바스크립트는 ‘웹 페이지가 하는 일’을 뜻하지요. 이렇게 두 가지 언어를 넘나들며 사용하면서 아이들은 HTML과 자바스크립트가 어떻게 긴밀하게 연결되어 하나의 웹 페이지를 구성하는지 이해하고, 그 속에 담긴 코딩의 핵심 개념들을 자연스럽게 깨치게 될 것입니다.

미션을 수행하고, 버그를 해결하며 문제 해결 능력을 키워요!
책의 중간 중간에는 미션이 제시되어 있습니다. 문제를 풀면서 각 장에서 소개하는 개념을 제대로 이해했는지, 그 개념을 이용하여 정확하게 코딩할 수 있는지 확인할 수 있지요. 그런데 코딩을 하다 보면 생각했던 결과와 다르게 나타나거나, 프로그램이 아예 실행되지 않거나, 중간에 멈춰 버리는 경우가 생깁니다. 잘못된 코드 때문에 프로그램에 오류가 생기는 것이지요. 이러한 오류를 ‘버그’라고 하며, 버그를 해결하는 작업을 ‘디버깅’이라고 합니다. 디버깅 능력을 갖추어야만 문제를 해결하고 프로그램을 완성할 수 있으니, 이 또한 연습이 필요하지요. 《화살표 코딩 시리즈》에는 각 권마다 디버깅 활동이 수록되어 있습니다. 해결하기 힘든 문제라고 해도 걱정하지 마세요. 버그를 찾아내고, 다시 연습해 볼 수 있도록 정답 페이지가 준비되어 있으니까요. 그와 더불어 《화살표 코딩 가이드북》도 마련하여 아이들이 이해하기 힘들어하는 개념을 다시 한 번 짚어 주고, 코딩하는 과정에서 헷갈려하거나 종종 실수하는 부분들을 소개해 주기 때문에 아이들은 코딩 과정에서 겪는 문제들을 인식하고 해결하는 방법을 명확하게 찾을 수 있을 것입니다.
글 : 맥스 웨인라이트

초등학교 교사로, 영국 런던에서 살고 있습니다. 지금까지 20개가 넘는 어린이를 위한 교육용 소프트웨어를 개발하였으며, 프로그램과 웹 사이트를 만들어 세계적인 교육콘텐츠 대회인 BETT Awards를 비롯하여 Education Resource Awards, Practical Pre-School Gold Awards 등 다수의 상을 받았습니다.

옮김 : 김현철

미국 플로리다대학교 대학원에서 전산정보학 박사 학위를 받았으며, 지금은 고려대학교 컴퓨터학과와 컴퓨터교육과 교수로 학생들을 가르치고 있습니다. 고려대학교 영재교육원 원장이자 한국컴퓨터교육학회 회장을 맡고 있습니다.

[Latests] 어린이책, 비룡소와 길벗어린이<아시아경제> 2018-01-05
...‘코딩을 할 때 알아야 할 핵심 개념들을 단계별로 소개한다. 루프와 변수, 선택, 난수, 함수 등의 개념을 로고, 스크래치, 파이선, HTML, 자바스크립트 등의 언어로 반복하며 익힐 수 있다.....
[바로가기☞http://www.asiae.co.kr/news/view.htm?idxno=2018010509255227663]

넌 이제 슈퍼 코더야! - 화살표 코딩 4 l 성경아 l 21655
넌 이제 슈퍼 코더야! - 화살표 코딩 4


<<화살표 코딩 1편>>
몇 가지 언플러그드 활동, 프로그래밍 언어인 로고, 스크래치로 코딩의 기본 개념 알기

<<화살표 코딩 2편>>
로고, 스크래치를 사용하여 다양한 도형과 패턴, 음악 연주 등을 해보고
재미있는 게임도 직접 코딩으로 만들어 본다.
루프, 출력, 변수라는 코딩의 핵심 개념을 배운다.

<<화살표 코딩 3편>>
한 단계 레벨 업되어
스크래치(Scratch)와 파이선(Python)이라는 프로그래밍 언어를
본격적으로 활용하여 코딩을 한다.

화살표 코딩3편까지 잘 따라왔다면,
<<화살표 코딩 4편>> 에서는
HTML과 자바스크립트로 나만의 웹사이트를 만들 수 있다.

요즘은 홈페이지가 필요없을 정도로 다양한 기능의
SNS가 있지만,
예전에는 홈페이지를 만들어 보는 것이 나름의 재미였던 때가 있었다.
그런데, 지금 홈페이지를 만든다고?
홈페이지를 만드는 것 보다
나 스스로 웹 사이트를 만들 수 있는 슈퍼 코더가 되었다는 것이 더 중요할 듯 하다.

다 만들어진 사이트에 글과 그림만 올리는 것과
나만의 홈페이지를 내가 직접 만들어 보는 것은 큰 차이가 있다.
그리고, 그 만큰 코딩에 대한 실력이 향상했다는 증거가 된다.

<<화살표 코딩 4>>에서는
좀 더 레벨 업 되어
우리가 매일 사용하는 인터넷 웹페이지를 어떻게 만드는지 알아본다.
HTML과 자바스크립트를 이용해서 직접 웹 페이지도 만들어 본다.

인터넷상에서 다른 사람들에게 웹 페이지를 보여 주려면,
먼저 HTML이라는 언어로 코드를 작성해야 한다.

그동안 로고, 스크래치 프로그램을 이용해서
코딩의 기본 개념을 배우고, 게임도 만들어봤다면
이젠 프로그래밍 언어를 사용해 보는 것이다.

텍스트 편집기에 태그를 이용해서 내용을 입력하고
그것이 웹브라우저에 나타나는 신기하고도 재미있는 일을 만날 수 있다.

<<화살표코딩 4>>는
화살표 코딩 시리즈의 마지막편인 만큼
조금 어렵게 느껴질 수 있지만,
직접 무엇인가를 만들 수 있는 것에 대한 즐거움을
배로 느낄 수 있다.

하나하나 해보면서
내가 직접 웹사이트를 만드는 기쁨을 느낄 수 있게 된다.

님의 댓글입니다 l l 0
pop slots free online slots vegas world doubledown casino free slots connect to vegas world http://onlinecasinogameslots.com/#

̢ źϷ 45 Ÿ񿣾. 2F()
ȭ 02-6353-3700 ѽ 02-6353-3702 :webmaster@gilbutkid.co.kr
Copyright © ̢ All Right Reserved.