일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- web
- 영화감상
- 프로그래밍
- Express
- 영화리뷰
- 파이썬
- 솔로드릴
- 주짓떼라
- 엄티로드
- REACT
- 영화
- Node
- 자바스크립트
- 디자인패턴
- 웹개발
- 개발자
- git
- 주짓수
- development
- 주짓떼로
- 개발
- 드릴
- graphQL
- 노드
- JavaScript
- 리액트
- 하프가드
- nodejs
- Redux
- 클로즈가드
- Today
- Total
목록Component (2)
As i wish
안녕하세요. 오늘은 '반응속도 체크' 게임을 만들어 보겠습니다. 앞서 계속해서 언급했지만 제 포스팅은 '제로초' 님의 유투브 강좌를 듣고 복습하는 내용으로 꾸며집니다. 제로초님의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 오늘은 '반응속도 체크' 게임을 통하여 jsx 안에서 조건문, 그리고 타이머에 관하여 공부했습니다. 일단 결과창 부터 확인해 보겠습니다. 이렇게 상태가 총 3가지 정도가 있고 파랑 -> 빨강 -> 초록 에 따라서 클릭 했을 때에 변화를 주는거죠. 먼저 파랑(waiting) 일때 클릭하면 빨강(ready)화면이 됩니다. 그 다음 특정 시간이 지나면 초록(now) 화면이 되는데 이 때, 화면을 클릭해서 반응속도를 체크하는거죠. 물론 빨강(ready..
안녕하세요 엄티 입니다. 오늘은 component 분리와 props에 대하여 공부해봤습니다. 저는 제로초 님의 웹게임 강좌를 기준으로 공부 합니다. 제로초임의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 일단 그 전에 간단하게 React 에서 파일을 불러오는 두 방법 import 와 require에 대하여 알아보겠습니다. import ClassApp 을 하려면 파일에 export default ClassApp 이라고 정의되어 있어야 하며 import { hello, bye } 같이 다중으로 import 하려면 export const hello = 'hello', export const bye = 'bye' 라고 정의되어 있어야 합니다. 이와 마찬가지로 const ..