커비

*-커비 프로젝트-* 움직인다!

KeyboardEvent - 키보드 입력받기 마우스 이벤트와 달리, 타입스크립트는 InputEvent에 대한 유형 선언을 제공하지 않는다. 대신 KeyboardEvent 를 사용한다. import {KeyboardEvent} from 'react'; Next.js 사용하기 때문에 React는 따로 import 하지 않았다. 매개변수 e로 KeyboardEvent를 받는데 뒤에 :void 를 안 썼더니 아래와 같은 오류가 나왔다. : void 붙여줌 import { useState, KeyboardEvent, useEffect } from "react"; useState, useEffect 추가 useEffect(() => { const handleKey = (event) => { if (event.key..

*-커비 프로젝트-*

키보드 입력받기 키보드 이벤트는 키를 누르거나 뗄 때 발생한다. 이벤트 처리를 위한 콜백 함수를 설정하면 된다. 키보드 이밴트 객체에는 down / up 된 키에 대한 메타 정보들이 담겨있다. 일단 어떻게 해야할지 몰라서 onClick에 함수를 담고 그 안에 키 이벤트를 받는 함수를 넣어서 출력해봤다. 이걸로 오른쪽 방향키는 ArrowRight라는 것을 알아냈다,,,검색하면 나오겠지만. 그리고 함수에서 꺼내서 자바스크립트 영역에 이렇게만 써봤는데 이렇게 해도 키이벤트값을 받아온다. import * as S from "./BoardMain.styles"; export default function BoardMainUI() { window.onkeydown = (d) => console.log(d); ret..