반 만들기
반을 만들고 학생 계정을 준비해요. 엑셀 명단으로 한 번에 넣을 수 있어요.
생각은 내가,
코드는 피코랑.
학생이 만들고 싶은 것을 말로 설명하면 피코가 웹 코드를 써요. 학생은 실행해 보고, 코드를 읽고, 직접 고쳐요.
가위바위보 게임을 만들어 줘. 버튼 세 개로 고르고, 이긴 횟수도 세어 줘.
맛보기가위바위보 게임0/4
목표는 학생이 직접 확인하고 체크해요.
버튼 세 개와 점수판을 만들었어요. 미리보기에서 눌러 보세요.
이기면 글자를 초록색으로 바꿔 줘
바꿨어요! 결과 글자의 색은 style.css에서 정해요. 직접 눌러 보면서 확인해 보세요.
index.htmlstyle.cssscript.js
1function play(mine) {2 // 컴퓨터가 낼 손을 하나 고르기3 const computer = pick(hands);4 showHands(mine, computer);56 if (mine === computer) {7 show("비겼어요");8 } else if (beats[mine] === computer) {9 wins += 1;10 show("이겼어요!");11 } else {12 losses += 1;13 show("졌어요");14 }15}미리보기
✌️ 가위바위보 ✊
- 이긴 횟수
- 0
- 진 횟수
- 0
나?
VS컴퓨터?
하나를 골라 눌러 보세요
피코 클래스의 작업 화면을 줄여 옮긴 맛보기예요. 실행된 코드 줄이 켜지는 동작은 이 소개 화면에만 있어요.
수업 하나가 이렇게 흘러가요
선생님과 학생은 반 코드, 미션, 제출, 피드백을 주고받아요.
선생님학생선생님 선생님 반 코드와 미션학생 학생 제출선생님 피드백학생
미션 내기
아이디어를 한 줄 적으면 피코가 초안을 만들어요. 내용은 선생님이 다듬어요.
반 코드로 입장
이메일 없이 반 코드와 닉네임으로 들어와요.
피코와 만들기
말로 요청하고, 미리보기로 실행하고, 코드를 직접 고쳐요.
살펴보기
실행 결과와 피코와 나눈 대화를 보고 코멘트와 배지를 남겨요.
피드백 받기
코멘트와 배지를 확인하고, 우리 반 갤러리에서 작품을 만나요.
