[JavaScript] random함수를 이용한 과일 가격 예측 게임 제작

 
SSG:Recoder 리테일테크 교육 파이썬 교육을 다니면서 마지막 8주차에는 원하는 수업을 제작해서 진행되었다.
학생들에게 제일 재밌었던 수업과 기억 남은 수업이 뭐냐고 의견조사를 해본 결과 4주차때 진행한 수요예측게임이 재밌다고 하여 그걸 활용한 과일 가격 변동 게임을 진행하기로 하였다.
준비기간은 2주였으며, 시험기간에 걸려 현실적으로는 일주일동안 제작을 하게 되었다.
 
 
 
수업 순서는 아래와 같다.

(1) PPT로 설명 (카훗 -> random 함수 설명 -> 과일 게임)

(2) '카훗'을 이용하여 여태까지 수업 복습 퀴즈 진행 
-> 돈에 대한 정보는 조를 짠 뒤 공개

(3) random 함수 설명

(4)  random 함수를 이용한 파이썬 코드로 조 추첨 + 자리 변경

(5) 과일 게임 설명 (PPT로)
- 매 주차 별로 최대 10개씩 구매/판매 가능 
- 총 8주차로 이루어져 있으며 8주차에는 최대 20개 판매 가능함
- 2주차에 한 번씩 복습 퀴즈를 통한 히든 카드 증정
- 게임 순서 = 랜덤 돌리기 -> 히든카드 사용 -> 사고 팔기
- 구매/판매 이후 학습지 작성 -> 학습지 확인 후 과일 카드 분배 및 돈 분배

 
카훗을 이용하여 1~7주차 수업 내용을 상기시키는 수업을 진행하고, 그 순위에 따라 자금을 분배하는 방식이었다.
 
 
조 정할 때도, python의 random함수 설명을 함께하며 아래의 코드로 조를 제작하였다.

import random

members = ['이ㅇㅇ', '최ㅇㅇ', '김ㅇㅇ', '도ㅇㅇ',
           '손ㅇㅇ','황ㅇㅇ', '엄ㅇㅇ', '이ㅇㅇ']

count = 0
while count < 4:
    # 랜덤하게 첫 번째 멤버 선택
    first_member = random.choice(members)
    members.remove(first_member)  # 선택된 멤버 리스트에서 제거
    
    # 랜덤하게 두 번째 멤버 선택
    second_member = random.choice(members)
    members.remove(second_member)
    
    # 선택된 멤버들 출력
    print(f"{count + 1}조 : {first_member}, {second_member}")
    
    count += 1

 
random 함수를 사용하여 조를 출력하게 만들어주고, 자리를 배치해주었다.
 

[과일 가격 변동 게임]

위에는 준비과정이고, 본론으로 돌아가서 과일가격변동 게임을 진행해보겠다. 
 
게임 진행 전 준비해야할 부분이 상당했다. 우리가 준비해야할 것은 아래와 같다.

• 매출을 작성할 활동지
• 과일카드와 돈카드
• 설명할 때 이용할 PPT제작
• 과일가격이 변동되는 프로그램 제작

그 중 과일 가격이 변동되는 프로그램 제작 부분을 담당하게 되었으며, react를 활용하여 제작을 해보았다.
VSC를 이용하여 제작을 하였다.
 
[코드참조]
https://github.com/lnylnylnylny/fruit_price_game

GitHub - lnylnylnylny/fruit_price_game: fruit_price_game

 
 

[결과물]

 
 

---

 
SSG:Recoder활동을 마치며 좋은 사람들과 여러 경험을 쌓게 되었고, 코딩교육에 대한 많은 흥미가 생겼다. 학생들 만나는 것이 이제는 즐거우며 마지막이라니 왠지 아쉬운 감정이 들기도 했다.