두 메서드는 계산 값이 양수일 경우 내림한 동일한 결과가 나온다.하지만 음수일 경우 다른 결과가 나온다.결과가 다른 이유는Math.floor 메서드는 소수 첫째 자리에서 내림방식을 사용하고 parseInt 메서드는 소수점을 버린다.속도는 Math.floor가 훨씬 빠르
전개 연산자는 ECMAScript6에서 새롭게 추가되었으며, 특정 객체 또는 배열의 값을 다른 객체, 배열로 복제하거나 옮길 때 사용한다.
some() 메서드는 배열 안의 어떤 요소라도 주어진 판별 함수를 적어도 하나라도 통과하는지 테스트한다.만약 배열에서 주어진 함수가 true를 반환하면 true를 반환한다. 그렇지 않으면 false를 반환한다.
every() 메서드는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트한다. Boolean 값을 반환한다.
varlet함수 안에서 접근 가능한 변수명과 동일한 이름을 가진 변수를 선언하면, 사용한 키워드에 따라 가리키는 대상이 달라진다.
프로퍼티명을 동적으로 조합할 경우 표현식을 \[]로 감싼다
얼마전에 개발 유튜브를 보다가 htmx란걸 알게되었다. 다들 어디서 이런 정보를 가져오는지 신기하다.🙄여튼 동영상 보니까 진짜 신기하고 간편해서 좀 더 알아보려고 한다. (특히 HTMx 특수 속성...!!)HTMx는 HTML의 확장으로, 웹 페이지를 더 빠르고 효율적
자바스크립트에서 프로토타입은 객체의 상속을 구현하는 방법이다. 프로토타입은 객체가 상속할 속성과 메소드를 정의하는 객체이다. 객체를 생성할 때, 해당 객체의 프로토타입을 지정한다. 이렇게 지정된 프로토타입은 해당 객체의 상위 객체 역할을 하며, 해당 객체는 프로토타입에
리액트를 배우기 시작했을 때 es6문법을 처음 접하게 되었다.그때는 마냥 새로운 문법이 재미있어서 우와우와 하면서 배웠던것 같다.그러다가 면접을 준비하는 이 시점에 가장 당연하게 사용하던 화살표 함수에 대해 궁금증이 생겼다.'어 근데 화살표함수랑 일반함수 차이점이 뭐지
제너레이터 함수는 일반 함수와 비슷하지만, yield 키원드를 사용하여 값을 반환할 수 있다. 제너레이터 함수는 값을 한 번에 반환하는 대신, 값을 순차적으로 반환하다. 이 특징 때문에 제너레이터 함수는 비동기 작업을 처리하는 데 유용하다. 예시 위의 제너레이터 함수를
relect는 JavaScript에서 객체의 속성과 메서드에 대한 정보를 가져오거나 설정하는 데 사용할 수 있는 모듈이다. reflect는 es7에서 도입되었다.객체의 속성이 존재한느지 확인객체의 속성의 값을 가져오거나 설정객체의 메서드를 호출객체의 프로토타입을 가져오
얼마전 포트폴리오를 정리하면 내 소스를 보았다. 날씨어플이였는데 당시에 구글링해서 사용했던 나의 위치찾는 로직이 눈에 들어왔다. 나는 이걸 알고 썻나? 조금 더 깊게 공부해보기로 했다. Geolocation API Geolocation API는 사용자의 위치 정보를
가변운 2d game 프로젝트를 시작하기 전 kaboom이란 프레임워크를 알아보려한다.게임 프로젝트는 처음인데 이번 기회에 좀 친해지면 좋겠다..Kaboom은 2D 게임을 만들기 위한 간단하고 직관적인 자바스크립트 게임 프레임워크이다.Kaboom은 HTML5 canva
위 코드는 kaboom을 초기화하고 게임 환경을 설정하는 부분이다.global : 전역 네임 스페이스를 사용하지 않도록 설정touchToMouse : 터피 이벤트를 마우스 이벤트로 변환하여 처리하도록 설정. 이는 모바일 기기에서도 마우스 이벤트를 사용할 수 있도록 도와
영상을 보면서 따라 쓰긴했다만 sprite가 대체 뭐길래 자꾸 나오는거지? 사이다..? 허허이번엔 이미지 로드하는 소스를 분석해볼 것이다.스프라이트 시트(sprite sheet)는 여러 개의 작은 이미지를 하나의 이미지 파일에 포함하여 관리하는 방법이다.optionsl