# keyCode

7개의 포스트
post-thumbnail

[Unity Engine] 키보드 키와 의미 단위 키

키 정의 사용자에게 보다 의미 있는 경험을 제공하려면 사용자에게 다양한 선택지를 주어야 합니다. 키보드 입력을 제공하는 것은, 사용자가 게임 속 기능을 편리하게 사용할 수 있도록 하고 사용자의 자유 의지대로 다양한 방식으로 프로그램을 사용하기 위해 꼭 필요한 기능이 되겠습니다. 상기한 이유로, 현재 프로젝트에는 키보드 키와 의미 단위 키를 정의하여 관리하고 있습니다. 사실, Unity Engine이 제공하는 Input Manager를 사용하면 되지만, 개인적으로 그닥 마음에 안 들어서 일부 기능만 취사선택해서 사용 중입니다. 현재 프로젝트에서는 키보드 키와 의미 단위 키를 아래와 같이 정의하고 있습니다. 키보드 키 키보드 키란, 실제 물리 키보드에 존재하는 키 집합을 의미합니다. 의미 단위 키 의미 단위 키란, 프로그램이 가진 동작을 수행하는 키 집합을 의미합니다. 키 집합 설정 키보드 키는 열거형 UnityEngine.KeyCode로

2022년 4월 16일
·
0개의 댓글
·
post-thumbnail

Java_2

if-else문 반복문(for문, while문, do-while문) for문 for문 구구단 for문 구구단2 while문 키 코드 |숫자|알파벳||||기능 키| 방향 키 |--|--|--|--|--|--|-- | 0=48|A=65|N=78|a=97|n=110|Backspace=8|left=37 |1=49|B=66|O=79|b=98|o=111|Tab=9|up=38 |2=50|C=67|P=80|c=99|p=112|Enter=[CR=13,LF=10]|right=39 | 3=51|D=68|Q=

2022년 3월 24일
·
0개의 댓글
·
post-thumbnail

[JS30] -1) Drum Kit

🥁 누른 키의 audio와 key element 찾기 >HTML을 먼저 살펴보자. HTML data-key속성으로 숫자가 쓰여있는 것을 볼 수 있다. 이 숫자의 의미는 무엇일까? 🎵 keyCode 자바스크립트에서 키보드 이벤트를 받았을 때 키 값을 구별할 수 있는 코드이다. >keyCode목록을 확인해보고 싶다면 참고: https://blog.outsider.ne.kr/322 https://keycode.info/ 에서도 누른 키의 keyCode를 바로바로 확인해볼 수 있다. (아래 이미지 참고) >자, data-key로 keyCode를 설정해두었다는 것을 알 수 있다. 키보드를 누를때마다 해당하는 키에 이벤트를 등록해야 하기 떄문이다.

2021년 10월 20일
·
0개의 댓글
·

[참조] addEventListener, defaultPrevented, preventDefault, keyCode

addEventListener : 특정 이벤트 발생 시, 특정 함수를 실행하는 기능 target.addEventListener('이벤트', 함수, 캡쳐링불린값) 첫번째 인자는 이벤트명 > 이벤트 참조 : https://developer.mozilla.org/ko/docs/Web/Events 두번째 인자는 콜백 함수 (이벤트 발생 시 실행) 세번째 인자는 useCapture 불린값 > 캡쳐링과 버블링 참조 : https://chlolisher.tistory.com/22 preventDefault : 페이지 이동 또는 form 내 input 값 전달을 중단하는 기능 e.preventDefault() 주로, 새로고침 방지나 페이지 이동을 막을 때 사용 defaultPrevented e

2021년 8월 22일
·
0개의 댓글
·

[TIL] 2020/11/18

Today, I Learned 리액트에서 쿠키 받아서 쓰는 법 : link 상위 컴포넌트에서 값을 받을 때, 그대로 useState 값으로 처음에 할당하면, 그 다음에 새로 rendering될 때, 그 새로운 값이 useState로 가지는 것이 아니다. 즉, re-render될 때 useState값도 re-render되는 것이 아니다. 단지 상위 컴포넌트를 참조하는 해당 컴포넌트의 부분만 re-render될 뿐이다. 다른 것도 다 바뀐다고 생각해서 낸 실수가 많다. 스키마 설계할 때 꼬인 것이 있었다. add card를 할 때 예를 들어, 이번주 토요일에 일정을 추가하면, 추가할 때 date 조건을 안걸고 추가하기 때문에(당일에만 추가가 가능한 상태임) 만약 토요일에 가서 카드를 추가하면, 그냥 당일 자료에 등록

2020년 11월 18일
·
0개의 댓글
·
post-thumbnail

TIL. [Javascript] `event.keyCode`란?

자바스크립트로 채팅창을 구현하는 과정에서 이벤트 키 코드에 대해 공부하게 됐다. 정확히는 다른 분 블로그에서 구현된 자바스크립트 채팅창의 코드를 보다가 궁금한 점이 생겨서 구글링하게 됐다. 가장 먼저 궁금했던 점은 e.keyCode == 13였다. 특정 숫자인 13은 과연 무슨 의미일까. 일종의 비밀 코드 같은 걸까. 내 호기심은 여기서 시작했다. 결론부터 말하자면 13은 enter key를 의미하는 거였다. Javascript는 사용자의 키입력을 감지해 함수로 처리할 수 있다. ASCII에 기반한 event.keyCode에서 enter key는 13에 할당된 것이다. 보통 채팅창에서 메시지를 보낼 경우 엔터키로 전송하기 때문에 그런 거였다. ![](https://images.velog.io/images/soral215/post/abcd2e78-fdf9-4d0b-ae44-5074fc

2020년 10월 30일
·
0개의 댓글
·

[ES2020] Click, Enter 두 개의 이벤트 동시에 등록하기

wordchain index.html index.js 고민지점 문자열 마지막 글자 추출하기 enter키 누르면 입력되는 이벤트 등록하기 하나의 요소에 click 과 enter 두 개의 이벤트 동시에 등록하기 영어단어 값 랜덤으로 가져오기 1. 문자열 마지막 글자 추출하기 방법이 여러가지가 있고, 전부 다 작동하는 걸 확인했다. 나는 가장 간단하고 익숙한 substr함수를 사용했다. 1) 배열 인덱스 그런데 여기에 따르면 대괄호를 사용하

2020년 6월 17일
·
1개의 댓글
·