일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 클래스컴포넌트
- nodejs교과서
- mongo
- 시퀄라이즈공부
- 제로초예제
- NoSQL
- npm명령어
- 시퀄라이즈
- React Component
- MongoDB
- 리액트컴포넌트
- 리액트
- node
- 리액트스타디
- 리액트기초
- component
- React
- express-generator
- sequelize
- sementicversion
- nodeJS
- NPM
- mongoose
- Today
- Total
목록React/webgame (7)
개발노트

import React, { useState, useRef, useEffect } from 'react'; import useInterval from './useInterval'; const RPS = () => { const [computer, setComputer] = useState('rock'); const [user, setUser] = useState(); const [result, setResult] = useState(); const [running, setRunning] = useState(true); //const interval = useRef(); const changeHand = () => { setComputer(prevComputer => { if (prevComputer ==..

import React, { useState, useRef } from 'react'; /* --------------------------------- # 바뀌는것 - 스크린색상 / 스크린글자 / 사용자반응속도 (반응속도 글자 쌓이게) / 평균반응속도 # 이벤트 - 스크린클릭시 (waiting상태에서) => 색상변하고 ready 상태로 변함 => 2초내 랜덤하게 setTimeout 해서 클릭하세요(go)상태로 만들기 - 스크린클릭시 (ready상태에서) => ready상태변할때 미리시간저장, 사용자가 클릭시 시간으로 반옹속도구함 => 하단에 반응속도 추가 => 평균반응속도값 업데이트 => 다시 waiting상태로 바꾸기 - 추가 + 0일때 왜 NaN 나오지? => 값이 늦게 set 되서; !! 배열던질..

const React = require('react'); const { useState, useRef } = React; const Try = require('./Try'); /* 1. 랜덤숫자4개 9이하로 출력해주는 함수 //4개를 어떻게 안겹치게 하지? 2. 사용자가 값 입력시, 체크해서 돌려주기 체크1) 맞는 숫자가 있는지 몇개인지 체크2) 자리수까지 맞는 숫자가 있는지 몇개인지 3. 화면에 데이터 쌓이게 숫자야구 [ ][ ][ ][ ] -------------- 1,2,3,4 : 0 - 스트라이크 1 - 볼 /8번의 기회가 남음 2,4,6,7 : */ const BaseBall = () => { const getNums = () => { const nums = [1, 2, 3, 4, 5, 6, 7..