자바스크립트(JS) 12단계 젤리왕자 프링스와 심술쟁이 팅팅 1:1 화상 코딩수업
이 단계의 목표
다른 스프라이트의 상태에 따라 행동이 달라지는 스프라이트를 구현합니다.
- 개념 · 변수
- 개념 · 조건
- 개념 · 함수(응용)
4차시 구성
- 12-1 젤리 찾기
- 12-2 저항하는 젤리들
- 12-3 머나먼 우주로
- 12-4 팅팅 혼내주기
여기서 왜 막히나요
화면보다 큰 맵이 처음 나옵니다. 지금까지 좌표는 보이는 화면 안의 값이었는데, 맵이 커지면 "보이는 위치"와 "실제 좌표"가 갈립니다. 이 둘을 섞어 쓰면 캐릭터를 화면에서 놓칩니다.
화상으로 어떻게 다루나요
맵 전체를 축소해 보여주고 현재 좌표를 함께 띄웁니다. 화면이 캐릭터를 따라간다는 개념을 한 번 보고 나면 좌표 계산이 훨씬 수월해집니다.
자주 나오는 상황과 대응
- 맵을 키우니 캐릭터를 화면에서 잃어버린다
- 화면이 캐릭터를 따라가도록 설정하지 않은 경우입니다.
- 닿았을 때 코드가 여러 번 실행된다
- 겹쳐 있는 동안 계속 실행됩니다. 한 번만 처리하려면 상태 변수로 막습니다.
이 단계에서 쓰는 주요 명령어
- onOverlap
- if
- onFrame
- getX
- getY
- isPressedKey
- goX
- goY
수업을 시작하기 전에
재능보다 반복이 먼저입니다
처음부터 잘하는 학생은 드뭅니다. 같은 개념을 서너 번 다른 상황에서 만나면서 익숙해지는 것이 일반적인 경로입니다. 시작 시점의 속도 차이는 몇 달 뒤에 대부분 사라지고, 오히려 처음에 느렸던 학생이 개념을 꼼꼼히 짚고 넘어가 뒤에서 덜 흔들리는 경우도 많습니다. 초반 몇 주로 판단하지 않는 편이 좋습니다.
타이핑이 발목을 잡을 때
생각은 앞서가는데 손이 못 따라가면 코딩 자체가 답답해집니다. 이 경우 개념을 아무리 더 설명해도 소용이 없습니다. 입력 속도가 어느 정도 올라올 때까지 코드 길이를 줄여 진행하고, 특수문자 위치에 익숙해지는 시간을 따로 둡니다. 몇 주면 해결되는 문제라 여기서 그만두는 건 아깝습니다.
수업이 기록으로 남습니다
화면을 공유하며 함께 작성한 코드는 수업이 끝난 뒤에도 그대로 남습니다. 무엇을 배웠는지 말로 기억하는 대신 직접 쓴 코드로 확인할 수 있고, 다음 수업에서 그 파일을 열어 이어서 진행합니다. 한 달 전 코드를 다시 열어보면 그때 무엇을 몰랐는지가 눈에 보입니다. 이게 진도표보다 정확한 성장 기록입니다.
설명할 수 있으면 아는 것입니다
코드가 돌아간다고 이해한 것은 아닙니다. 이 줄이 왜 필요한지, 지우면 무엇이 달라지는지 말로 설명해보게 하면 알고 쓴 것과 따라 쓴 것이 바로 갈립니다. 1:1 수업에서 가장 자주 던지는 질문이 "여기 왜 이렇게 썼어요"인 이유가 여기 있습니다. 설명이 막히는 자리가 곧 다음 수업에서 다뤄야 할 지점입니다.
한 시간을 어떻게 쓰는가
설명을 듣는 시간과 직접 쓰는 시간의 비율이 결과를 가릅니다. 개념 설명이 길어지면 이해한 것 같지만 남는 게 적습니다. 짧게 설명하고 바로 써보게 한 뒤, 막히는 지점에서 다시 설명하는 순서가 밀도가 높습니다. 같은 60분이라도 학생이 키보드를 잡고 있던 시간이 얼마인지에 따라 한 달 뒤가 달라집니다.
코드를 읽는 것과 쓰는 것은 다릅니다
설명을 들을 때는 다 이해한 것 같은데 빈 화면을 마주하면 첫 줄이 안 나옵니다. 읽고 이해하는 능력과 아무것도 없는 상태에서 직접 쓰는 능력은 따로 자랍니다. 영상 강의를 여러 개 봤는데 스스로는 못 만드는 경우가 대부분 여기에 해당합니다. 수업 시간에 학생이 직접 타이핑하는 시간을 반드시 확보하는 이유입니다.
수업료는 어떻게 되나요
| 주 1회 60분 | 월 150,000원 |
|---|---|
| 주 2회 45분 | 월 225,000원 |
| 주 2회 60분 | 월 300,000원 |
수업료는 주당 수업 시간을 기준으로 계산합니다. 30분마다 월 75,000원이며, 위 표에 없는 조합도 같은 방식으로 산정됩니다.
주 1회 60분이 최소 수업 시간입니다. 수업 횟수와 시간은 학습 목적과 일정에 맞춰 조정합니다.
영상으로 먼저 보기
1:1 화상 수업을 선택하는 이유
단체 수업은 여러 명을 함께 끌고 가야 해서 정해진 진도를 나갑니다. 이해가 빠른 학생은 기다리고 느린 학생은 놓치는 구간이 생깁니다. 1:1은 학생의 속도에 맞춰 진도를 조절하고, 막힌 자리에서 멈춰 그 개념을 다시 다룹니다.
시작 단계를 조정하고, 과정을 바꾸고, 목적에 따라 일부 구간에만 집중하는 것도 가능합니다. 이동 시간이 들지 않아 해외에 거주하더라도 같은 커리큘럼으로 진행합니다.
수업료
| 주 1회 60분 | 월 150,000원 |
|---|---|
| 주 2회 45분 | 월 225,000원 |
| 주 2회 60분 | 월 300,000원 |
주당 수업 시간을 기준으로 계산합니다. 30분마다 월 75,000원이며 위 표에 없는 조합도 같은 방식으로 산정됩니다. 주 1회 60분이 최소 수업 시간입니다. 월 단위 선결제이며 카드 결제와 무통장 입금 모두 가능합니다.
준비물
컴퓨터 사양은 높지 않아도 됩니다. 문서 작업이 가능한 정도면 충분합니다. 데스크톱으로 수업을 받는다면 웹캠이 따로 필요하고, 노트북이나 태블릿은 줄 이어폰 하나면 됩니다. 화상 연결은 줌으로 진행하며 무거운 개발 도구를 설치하지 않아도 됩니다.
커리큘럼
모두코딩은 하우코딩 커리큘럼으로 수업을 진행합니다. 소프트웨어 교육 기업 레드브릭이 개발한 과정으로, 미국컴퓨터과학교육협회의 컴퓨터과학교육 표준과 2022 개정 교육과정의 성취기준을 반영해 설계되어 있습니다.
무료 체험 수업 신청
체험 수업에서 학습 진단을 하고, 결과에 맞춰 커리큘럼과 교재를 안내해 드립니다.