자바스크립트(JS) 복제 1:1 화상 코딩수업
복제이란
같은 대상을 여러 개 만들어 각각 따로 움직이게 하는 방식입니다. 적 캐릭터나 발사체처럼 수가 정해지지 않은 것에 씁니다.
왜 필요한가요
화면에 나올 개수를 미리 알 수 없을 때 필요합니다. 하나를 만들어두고 필요할 때마다 복제하면 수가 늘어나도 코드는 그대로입니다.
배울 때 걸리는 지점
매 프레임마다 조건 없이 복제해 수백 개가 순식간에 불어나는 일이 반드시 한 번은 나옵니다. 원본과 복제본의 코드를 구분하지 못해 원본까지 따라 움직이는 것도 흔합니다.
이 개념을 다루는 단계
- 자바스크립트 6단계 마법 신전을 지켜라 — 사용자 정의 함수를 직접 만들고, 배열로 여러 정보를 다루는 방법을 알아봅니다.
- 자바스크립트 7단계 도시를 지키는 히어로 로봇 — 반복문의 개념을 이해하고, 복제·함수·배열을 활용해 복잡한 구조의 앱을 제작합니다.
- 자바스크립트 8단계 꼬마 파일럿의 모험 — 조건·복제·함수·반복을 활용한 복잡한 앱을 분석하고 직접 제작합니다.
- 자바스크립트 14단계 스타 레인저 출동 — 매개변수를 포함하는 함수와 이중 반복문을 활용해 복잡한 앱을 제작합니다.
- 자바스크립트 15단계 비밀의 도시 아틀란티스 — 이중 반복문으로 이중 배열을 탐색하고, 배열 값에 따라 미로 형태의 맵을 구성합니다.
함께 쓰는 명령어
- onScreenClick
- clone
- function
- if
- wait
- var
- turnToMousePointer
- global
- length
- for
- onKey
- push
- shift
- getY
- getWorldHeight
- setDegree
- getSprite
- let
- switch~case
- goX
- goY
왜 자바스크립트인가
자바스크립트는 웹 브라우저가 직접 실행하는 언어입니다. 별도 설치 없이 화면에서 바로 결과가 보이기 때문에, 처음 코딩을 배우는 학생에게 "내가 쓴 코드가 무언가를 움직인다"는 감각을 가장 빨리 줍니다. 하우코딩(JS)은 이 특성을 살려 문법을 따로 외우는 대신, 게임과 앱을 만들면서 필요한 개념을 순서대로 꺼내 씁니다.
어디에 쓰이나요
- 웹 페이지 동작
- 모바일에서 실행되는 앱
- 게임
- 인터랙티브 콘텐츠
첫 4주에 다루는 범위
첫 4주는 순차 구조와 이벤트를 다룹니다. 명령을 차례대로 쓰는 것, 그리고 "무엇이 일어났을 때 실행할지"를 정하는 것 두 가지입니다. 4차시가 끝나면 직접 조작할 수 있는 화면이 하나 나옵니다.
레벨 구성
개념 입문순차 구조와 이벤트를 이해하고 화면 위의 스프라이트를 직접 움직입니다.
개념 기초변수와 조건문을 익혀 상태에 따라 다르게 동작하는 앱을 만듭니다.
개념 심화반복문·복제·함수·배열을 묶어 구조가 있는 앱을 설계합니다.
응용 기초논리 연산자와 switch~case 로 여러 조건이 겹치는 상황을 정리합니다.
응용 심화매개변수 함수와 이중 반복문·이중 배열로 맵 단위의 앱을 완성합니다.
하우코딩(JS)는 5레벨 15단계 60차시로 구성됩니다. 한 단계는 4차시이며, 학생의 이해도와 차시별 난이도에 따라 진도를 조절합니다.
다른 선택지와 비교하면
- 파이썬 — 파이썬보다 결과가 눈에 빨리 보입니다. 대신 데이터 분석이나 알고리즘 쪽으로는 깊이 들어가지 않습니다.
- 블록코딩 — 스크래치·엔트리처럼 조립하는 방식이 아니라 직접 타이핑합니다. 만들 수 있는 범위가 훨씬 넓어집니다.
누가 시작할 수 있나요
초등 3학년 이상을 권장합니다. 다만 기준은 학년이 아니라 두 가지입니다. 알파벳을 읽고 쓸 수 있는지, 키보드로 타이핑이 되는지. 이 둘이 되면 더 어린 나이에도 시작할 수 있고, 안 되면 학년이 높아도 타이핑부터 함께 잡습니다.
수업을 시작하기 전에
검색으로 해결하는 습관
모든 명령어를 외우는 사람은 없습니다. 필요할 때 찾아 쓰는 것이 기본이고, 무엇을 검색어로 넣어야 하는지 아는 것이 실력입니다. 에러 문구를 그대로 붙여넣는 것과 상황을 요약해서 넣는 것은 결과가 다릅니다. 수업에서 답을 바로 알려주지 않고 찾는 과정을 같이 해보는 경우가 있는 이유입니다.
어려운 것과 낯선 것은 다릅니다
처음 보는 개념은 대체로 어려운 게 아니라 낯선 것입니다. 두세 번 마주치면 자연스러워지는데, 첫 만남에서 "나는 안 되나 보다"로 결론이 나면 거기서 끝납니다. 이 구분을 스스로 하기는 어렵기 때문에 옆에서 짚어주는 사람이 필요합니다. 지금 막힌 것이 능력 문제가 아니라는 걸 알려주는 것만으로도 넘어갑니다.
코드를 읽는 것과 쓰는 것은 다릅니다
설명을 들을 때는 다 이해한 것 같은데 빈 화면을 마주하면 첫 줄이 안 나옵니다. 읽고 이해하는 능력과 아무것도 없는 상태에서 직접 쓰는 능력은 따로 자랍니다. 영상 강의를 여러 개 봤는데 스스로는 못 만드는 경우가 대부분 여기에 해당합니다. 수업 시간에 학생이 직접 타이핑하는 시간을 반드시 확보하는 이유입니다.
한 시간을 어떻게 쓰는가
설명을 듣는 시간과 직접 쓰는 시간의 비율이 결과를 가릅니다. 개념 설명이 길어지면 이해한 것 같지만 남는 게 적습니다. 짧게 설명하고 바로 써보게 한 뒤, 막히는 지점에서 다시 설명하는 순서가 밀도가 높습니다. 같은 60분이라도 학생이 키보드를 잡고 있던 시간이 얼마인지에 따라 한 달 뒤가 달라집니다.
오타는 실력이 아닙니다
철자 하나, 괄호 하나 때문에 30분을 쓰는 일이 초반에는 자주 생깁니다. 이걸 재능 부족으로 받아들이면 거기서 그만둡니다. 오타를 빨리 찾는 것도 훈련이고, 어디를 먼저 봐야 하는지에는 순서가 있습니다. 에러가 가리키는 줄의 바로 위부터 확인하는 것만 익혀도 헤매는 시간이 절반으로 줄어듭니다.
설명할 수 있으면 아는 것입니다
코드가 돌아간다고 이해한 것은 아닙니다. 이 줄이 왜 필요한지, 지우면 무엇이 달라지는지 말로 설명해보게 하면 알고 쓴 것과 따라 쓴 것이 바로 갈립니다. 1:1 수업에서 가장 자주 던지는 질문이 "여기 왜 이렇게 썼어요"인 이유가 여기 있습니다. 설명이 막히는 자리가 곧 다음 수업에서 다뤄야 할 지점입니다.
수업료는 어떻게 되나요
| 주 1회 60분 | 월 150,000원 |
|---|---|
| 주 2회 45분 | 월 225,000원 |
| 주 2회 60분 | 월 300,000원 |
수업료는 주당 수업 시간을 기준으로 계산합니다. 30분마다 월 75,000원이며, 위 표에 없는 조합도 같은 방식으로 산정됩니다.
주 1회 60분이 최소 수업 시간입니다. 수업 횟수와 시간은 학습 목적과 일정에 맞춰 조정합니다.
자주 묻는 것들
초등학생도 따라갈 수 있나요
초등 3학년 이상을 권장하지만 기준은 학년이 아닙니다. 알파벳을 읽고 쓸 수 있고 키보드 타이핑이 되면 시작할 수 있습니다. 타이핑이 느린 경우에는 진도를 늦추고 입력에 익숙해지는 시간을 함께 둡니다.
만든 게임을 친구에게 보여줄 수 있나요
완성한 창작물은 링크로 공유할 수 있고 모바일에서도 실행됩니다. 3단계부터는 랭킹 기능을 넣어 점수를 기록할 수도 있습니다. 학생이 만든 것을 누군가 실제로 해보는 경험이 다음 단계로 넘어가는 동기가 됩니다.
수학을 못해도 괜찮은가요
자바스크립트 과정은 수학적 사고보다 순서를 정리하는 능력을 주로 씁니다. 좌표와 사칙연산 정도가 나오고, 그마저도 화면에서 결과를 보며 조정하는 방식이라 계산을 미리 잘해야 시작할 수 있는 과정은 아닙니다.
영상으로 먼저 보기
1:1 화상 수업을 선택하는 이유
단체 수업은 여러 명을 함께 끌고 가야 해서 정해진 진도를 나갑니다. 이해가 빠른 학생은 기다리고 느린 학생은 놓치는 구간이 생깁니다. 1:1은 학생의 속도에 맞춰 진도를 조절하고, 막힌 자리에서 멈춰 그 개념을 다시 다룹니다.
시작 단계를 조정하고, 과정을 바꾸고, 목적에 따라 일부 구간에만 집중하는 것도 가능합니다. 이동 시간이 들지 않아 해외에 거주하더라도 같은 커리큘럼으로 진행합니다.
수업료
| 주 1회 60분 | 월 150,000원 |
|---|---|
| 주 2회 45분 | 월 225,000원 |
| 주 2회 60분 | 월 300,000원 |
주당 수업 시간을 기준으로 계산합니다. 30분마다 월 75,000원이며 위 표에 없는 조합도 같은 방식으로 산정됩니다. 주 1회 60분이 최소 수업 시간입니다. 월 단위 선결제이며 카드 결제와 무통장 입금 모두 가능합니다.
준비물
컴퓨터 사양은 높지 않아도 됩니다. 문서 작업이 가능한 정도면 충분합니다. 데스크톱으로 수업을 받는다면 웹캠이 따로 필요하고, 노트북이나 태블릿은 줄 이어폰 하나면 됩니다. 화상 연결은 줌으로 진행하며 무거운 개발 도구를 설치하지 않아도 됩니다.
커리큘럼
모두코딩은 하우코딩 커리큘럼으로 수업을 진행합니다. 소프트웨어 교육 기업 레드브릭이 개발한 과정으로, 미국컴퓨터과학교육협회의 컴퓨터과학교육 표준과 2022 개정 교육과정의 성취기준을 반영해 설계되어 있습니다.
무료 체험 수업 신청
체험 수업에서 학습 진단을 하고, 결과에 맞춰 커리큘럼과 교재를 안내해 드립니다.