js

    keycode 확인할 수 있는 사이트

    keycode 확인할 수 있는 사이트

    event를 쓰다보면 가끔 조건으로 keyCode를 써야할때가 있는데 그때마다 매번 찾기 어렵더라고요. 그래서 아래 사이트에서는 keyCode 번호와 이름을 정리해두어서 이용하면 좋을 것 같습니다. https://www.toptal.com/developers/keycode/table-of-all-keycodes JavaScript Key Code List & Table | Toptal® www.toptal.com 이 사이트의 아이디어가 좋다고 생각했던 부분이 키보드를 누르면 해당 페이지로 바로 이동합니다! shift 누르니깐 바로 페이지 이동이하면서 keyCode를 알려주더라고요. 만약 keyCode 쓸 일이 종종 있다면 즐겨찾기 해두면 좋을 사이트인 것 같습니다.

    [JS] 중복된 if문 function으로 바꿔주세요

    [JS] 중복된 if문 function으로 바꿔주세요

    타이머를 만들었을 때 중복되는 코드가 눈에 거슬렸다. 그리고 구현이 먼저라는게 목표였고 그 뒤에는 코드의 중복제거나 효율적으로 만들어본 적이 없는데 코드리뷰를 받아서 수정해봤다. 중복 제거 되기 전의 코드 전체 코드 더보기 let seconds = 0; const appendSeconds = document.querySelector(".num-sec"); const appendMinutes = document.querySelector(".num-min"); const appendHours = document.querySelector(".num-hour"); const btnStart = document.querySelector('.btn-disabled'); const btnReset = document..

    TIL 30 :: JS 함수는 하나인데 이름은 3개(기본, 화살표, 익명)

    TIL 30 :: JS 함수는 하나인데 이름은 3개(기본, 화살표, 익명)

    함수 func는 화살표(=>) 우측의 표현식(expression)을 평가하고, 평가 결과를 반환합니다.스크립트에서 함수를 사용하는 이유는 코드의 재사용성을 높이고 코드 구조를 파악하거나 유지보수를 할 때 용이하기 때문이다. 책을 만든다고 가정하면 이렇게 각 파트별 함수를 조립해서 쓰는 식이다. 표지() 속지() 잉크() 함수 선언문 - function function 함수이름(parameter1, parameter2...) { 실행코드... return 반환값 } 용어 번역 의미 Parameter 매개변수 함수와 메서드에 입력 변수 이름 Argument 전달인자, 인자, 인수 함수와 메서드에 실제 입력되는 값 파라미터와 아규먼트는 용어를 구분해야 합니다. 쉽게 **파선아실(파라미터는 선언, 아규먼트는 실..