Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- development
- REACT
- 자바스크립트
- 엄티로드
- 개발
- JavaScript
- 영화리뷰
- 노드
- 솔로드릴
- 드릴
- 주짓떼로
- 클로즈가드
- Redux
- 주짓떼라
- 영화
- graphQL
- 개발자
- 주짓수
- 파이썬
- 웹개발
- 영화감상
- 리액트
- 디자인패턴
- Node
- git
- nodejs
- Express
- 프로그래밍
- web
- 하프가드
Archives
- Today
- Total
목록useRef (1)
As i wish
[React 반응속도 체크] 조건문 및 타이머
안녕하세요. 오늘은 '반응속도 체크' 게임을 만들어 보겠습니다. 앞서 계속해서 언급했지만 제 포스팅은 '제로초' 님의 유투브 강좌를 듣고 복습하는 내용으로 꾸며집니다. 제로초님의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 오늘은 '반응속도 체크' 게임을 통하여 jsx 안에서 조건문, 그리고 타이머에 관하여 공부했습니다. 일단 결과창 부터 확인해 보겠습니다. 이렇게 상태가 총 3가지 정도가 있고 파랑 -> 빨강 -> 초록 에 따라서 클릭 했을 때에 변화를 주는거죠. 먼저 파랑(waiting) 일때 클릭하면 빨강(ready)화면이 됩니다. 그 다음 특정 시간이 지나면 초록(now) 화면이 되는데 이 때, 화면을 클릭해서 반응속도를 체크하는거죠. 물론 빨강(ready..
React JS
2019. 7. 4. 16:48