프로그래머가 되는 꿈

1. 가위바위보 게임 (8) 본문

프론트엔드 (Front-end)/React 프로젝트

1. 가위바위보 게임 (8)

AI박사 2026. 1. 17. 17:51

<알고리즘(순서)>

1. 박스 2개 (타이틀,사진,결과)

2. 가위 바위 보 버튼이 있다.

3. 버튼을 클릭하면 클릭한 값이 박스에 보인다.

4. 컴퓨터는 랜덤하게 아이템 선택이 된다.

5. 3,4의 결과를 가지고 누가 이겼는지 승패를 따진다.

6. 승패 결과에 따라 (박스의) 테두리 색이 바뀐다. (이기면 - 초록, 지면 - 빨강, 비기면 - 검정)

 

 

확대함

이제부터!

인덱스 번호 0 1 2 사이에서 랜덤한 값 하나만 (Math.random을 통해서) 받아오면 된다.

만약 Math.random 함수가 0을 선택하면 rock을 가져오고, 1을 선택하면 scissors를 가져오고, 2를 선택하면 paper을 가져오면 됨!

 

추가로 곱해준다.
random value 1.2874429471640152

 

random value 2.018003380254891
random value 2.1702577372036465
random value 2.9598655387385686

(중간에 계속 시도함...)

random value 0.4804547063465998

 

앞에있는 숫자만 따오면 된다! - 인덱스 번호가 된다!

 

Math.floor()함수

= 버림 함수

= 소수점 아래의 숫자들을 버린다.

 

등등... 랜덤한 값이 나온다.!!!

 

 

 

 

'프론트엔드 (Front-end) > React 프로젝트' 카테고리의 다른 글

1. 가위바위보 게임 (10)  (0) 2026.01.18
1. 가위바위보 게임 (9)  (0) 2026.01.17
1. 가위바위보 게임 (7)  (0) 2026.01.17
1. 가위바위보 게임 (6)  (0) 2026.01.17
1. 가위바위보 게임 (5)  (0) 2026.01.17