늘 겸손하게

JS 배열 선언과 초기화 방법. 1. Array.from() 1 2 3 let arr = Array.from({length: 5}, ()=>0); console.log(arr); cs => 오른쪽 숫자를 바꾸면 다른 숫자로 초기화도 가능합니다. 2. new Array(n) + arr.fill(m) 1 2 3 4 let arr = new Array(5); arr.fill(0); console.log(arr); cs fill 메소드 안 매개변수값을 다른 숫자로 바꾸어 다른 숫자로 초기화도 가능합니다.

안녕하세요 besforyou입니다. 이번 글은 JavaScript object에 메소드 추가하는 방법입니다. 자바에 class가 있듯이 자바스크립트에는 object가 있습니다. 완전히 똑같진 않지만 쓰임이 비슷합니다. user라는 오브젝트를 생성해보겠습니다. 1 2 3 4 let user = { name: "Mike", age: 23 }; cs 이 user 오브젝트에 method를 추가하는 법은 간단합니다. 1 2 3 4 5 6 7 8 9 10 let user = { name: "Mike", age: 23 }; user.sayHi = function() { alert("Hello!"); }; user.sayHi(); // Hello! cs 메소드를 생성하면서 새로 만든 오브젝트의 property sayH..

안녕하세요 besforyou입니다 자바스크립트 정렬에 대하여 소개해보겠습니다. 그리고 숫자 배열 정렬이 제대로 안될 때의 해결 방법도 소개해보겠습니다. Array.prototype.sort() 1 2 3 4 5 var array = [ 1, 100 ,10 ,20 ,60 ,55 ,3 , 2, 78 ]; array.sort(); // 내장 정렬 함수 console.log(array); Colored by Color Scripter cs 자바스크립트 배열에는 sort 함수가 내장되어 있어 간편하게 사용할 수 있습니다. 하지만 주의할 점은, compareFunction이 주어지지 않으면 모든 원소를 문자열(string)으로 변환하고 UTF-16 code units order로 정렬합니다. 그래서 오름차순 정렬인..

안녕하세요 besforyou입니다 자바스크립트 요약 시작합니다. 매뉴얼 MDN ( Mozilla ) JavaScript Reference가 메인 매뉴얼. 호환성 테이블 자바스크립트는 늘 개발중인 언어이고 새로운 기능이 규칙적으로 추가된다. 다른 엔진과 브라우저간의 호환성을 보고 싶으면 http://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com https://kangax.github.io/compat-table https://kangax.github.io/compat-table/ kangax.github.io 출처로 들어가 확인 가능 에디터는 Visual Studio Code를 사용하자 개발자 콘솔 개발자는 반드시 버그를..