[Javascript] 곱등이게임
Javascript로 음.. 두더지게임을 만들어봤습니다. 그런데, 맥북에 두더지 아이콘을 못찾겠어서, 곱등이로.. 아이콘을 바꿧으니, 곱등이게임이되겠죠?ㅋㅋ 아무튼 ! 살펴봅시다 ! 0. 곱등이게임영상 1. 순서도 처음에, 틱택토 응용해서 3x3칸을 만들려고했습니다. 그런데, 생각해보니 HTML로 화면을 만들면 훨씬 간편하잖아요? 그래서 굳이, JS로 만들 필요성을 못느껴서, HTML로 직접 만들어주고, 시작했습니다. 2. humble.html (곱등이 = humble); 점수표 1 2 3 4 5 6 7 8 9 게임시작 ! 3 X 3 칸과, 점수를 넣을 칸, 그리고, 게임시작버튼 등을 만들고 humble.js를 임포트 + humble.css를 임포트해왔습니다. 2. humble.js let score =..
[Zerocho-14] EventListener(keyup&down) & 증감연산자(전위형/후위형) & Blocking / Non-Blocking & 이벤트루프
1. EventListener(Keyup&down&press) 지난시간에, EventListener속성중에, mousemove, down , up 등, 마우스의 움직임 이벤트에 대해 살펴봤습니다. 그럼 이번시간에는 테트리스 게임을 만들면서 필요했던, 키보드 키들의 이벤트를 설정하는 방법에 대해 살펴보겠습니다. 우선 'keyUp' 입니다. 키보드의 키를 눌렀다가, 떼는 순간 발생하는 이벤트입니다. window.addEventListener('keyup', (event)=> { console.log(event); }) 그럼, 어떤 버튼을 눌렀는지 객체내에 값을 반환해주는데, 이를 이용해서 사용자가 어떤 버튼을 눌렀는지 확인하고 상호작용할 수 있습니다. 다음은 'keyDown' 입니다. 키보드를 꾹 ~ 누르고..