프로그래머가 되는 꿈

1. 박스 2개 (타이틀,사진,결과)2. 가위 바위 보 버튼이 있다.3. 버튼을 클릭하면 클릭한 값이 박스에 보인다.4. 컴퓨터는 랜덤하게 아이템 선택이 된다.5. 3,4의 결과를 가지고 누가 이겼는지 승패를 따진다.6. 승패 결과에 따라 (박스의) 테두리 색이 바뀐다. (이기면 - 초록, 지면 - 빨강, 비기면 - 검정) Math.floor()함수를 통해 앞에있는 숫자만 따와서 인덱스 번호를 가져온다.인덱스번호는 알아냈다. final값이 itemArray에 randomItem의 인덱스 번호 받은 것을 넣어두면 이젠 숫자가 아닌 아이템 이름으로 나옴!(인덱스 번호에 맞춰서 아이템 이름이 반환된다.) 32번줄의 choice[final]이 24번의 computerChoice로 들어간다.setCompu..

1. 박스 2개 (타이틀,사진,결과)2. 가위 바위 보 버튼이 있다.3. 버튼을 클릭하면 클릭한 값이 박스에 보인다.4. 컴퓨터는 랜덤하게 아이템 선택이 된다.5. 3,4의 결과를 가지고 누가 이겼는지 승패를 따진다.6. 승패 결과에 따라 (박스의) 테두리 색이 바뀐다. (이기면 - 초록, 지면 - 빨강, 비기면 - 검정) 이제부터!인덱스 번호 0 1 2 사이에서 랜덤한 값 하나만 (Math.random을 통해서) 받아오면 된다.만약 Math.random 함수가 0을 선택하면 rock을 가져오고, 1을 선택하면 scissors를 가져오고, 2를 선택하면 paper을 가져오면 됨! (중간에 계속 시도함...) 앞에있는 숫자만 따오면 된다! - 인덱스 번호가 된다! Math.floor()함수= 버림 함수..

1. 박스 2개 (타이틀,사진,결과)2. 가위 바위 보 버튼이 있다.3. 버튼을 클릭하면 클릭한 값이 박스에 보인다.4. 컴퓨터는 랜덤하게 아이템 선택이 된다.5. 3,4의 결과를 가지고 누가 이겼는지 승패를 따진다.6. 승패 결과에 따라 (박스의) 테두리 색이 바뀐다. (이기면 - 초록, 지면 - 빨강, 비기면 - 검정) UI에 보여주려면 state라는 컴포넌트를 만들어야 한다.const [computerSelect, setComputerSelect] = useState(null)computer을 위한 state를 만든다.초기값은 null item에는 computerSelect를 넘겨준다.(이제 computer Box에도 item이라는 속성이 들어간다!) 유저가 아이템을 선택할 때 랜덤한 값을 선택한다..

1. 박스 2개 (타이틀,사진,결과)2. 가위 바위 보 버튼이 있다.3. 버튼을 클릭하면 클릭한 값이 박스에 보인다.4. 컴퓨터는 랜덤하게 아이템 선택이 된다.5. 3,4의 결과를 가지고 누가 이겼는지 승패를 따진다.6. 승패 결과에 따라 (박스의) 테두리 색이 바뀐다. (이기면 - 초록, 지면 - 빨강, 비기면 - 검정) 내가 선택한 값이 박스에 보여야 겠죠?지금은 바위 버튼을 클릭해도 가위 그림 밖에 안나옴 ㅜ UI가 바뀌게 되는 것을 하고 싶으면 State를 만들어라!state를 만들어주는 리액트 훅 : useState 처음에 어떤 값이 들어있는지 모르니까 null로 써놓는다.userSelect, state를 만들었다. state값이 변할때마다 UI가 변한다.우리가 해줘야하는것: 내가 선택한 값으로..