codeGray

slice(start,end) 배열을 잘라서 새로운 배열을 만든다. 원본 배열은 바뀌지 않는다. start : 양수일 경우 > 가장 왼쪽부터 0으로 시작하면서 카운트 음수일 경우 > 가장 오른쪽부터 1로 시작하면서 카운트 end : end는 포함 시키지 않고 배열을 반환 ( end-1 까지 반환 ) 음수일 경우 > 가장 오른쪽부터 1로 시작하면서 카운트 const animals = ['ant', 'bison', 'camel', 'duck', 'elephant']; console.log(animals.slice(2)); //>> ["camel", "duck", "elephant"] console.log(animals.slice(2, 4)); //>> ["camel", "duck"] console.log(a..

join은 배열을 String으로 합칠 때 사용된다. 기본은 콤마 ',' 로 합쳐주고 원하는 문자를 넣어서 합칠 수 있다. const elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); //>> "Fire,Air,Water" console.log(elements.join('')); //>> "FireAirWater" console.log(elements.join('-')); //>> "Fire-Air-Water"

객체 비구조화 할당 const object = { name : '홍길동', age : 18 } //1. 일반 변수 const { name, age } = object ; //출력 > 홍길동 18 //2. 함수 function testFunction({name, age}){ console.log(name, age); } testFunction(object); //출력 > 홍길동 18 배열 비구조화 할당 const object = ['홍길동', 18] //1. 일반 변수 const [name, age] = object; //출력 > 홍길동 18

자바스크립트의 소수점 처리는 아래와 같은 3개의 방법이 있다. 소수점 올림 Math.ceil() let score = 10.1; console.log(Math.ceil(score)); => 11 소수점 버림 Math.floor() let score = 10.234; console.log(Math.floor(score)); => 10 소수점 반올림 Math.round() let score = 10.6; console.log(Math.round(score)); => 11

fetch 보통 비동기 통신은 AJAX를 많이 사용 했는데 fetch 라는 자바스크립트 본연의 함수를 사용 할 수도 있다. fetch 는 아래와 같이 사용한다. fetch(url, options) 첫번째 인자는 url을 받고, 두번째 인자는 옵션을 받는다. (선택) 이 옵션에는 method, header 같은 세부 설정을 할 수 있다. ( 옵션 인자가 없으면 기본 GET 이다. ) //옵션이 없는 경우 fetch("www.xxx.com") .then(response => response.json()) .catch(error => console.log(error); //옵션이 있는 경우 fetch("www.xxx.com" , { method : "POST", header : { "Content-Type" ..

addEventListener 는 해당 태그에 이벤트를 부여 할 떄 사용하는 메소드이다. addEventListener("click", function(event){}); function은 기본적으로 이벤트 인자를 받을 수 있다. 이벤트.target.value 를 하면 해당 태그의 value 값을 가져올 수 있다. click 이벤트 말고도 다른 모든 이벤트들을 사용 할 수 있다. Click me

ES2015 부터 적용됨 자바스크립트 백틱 안에서 변수는 ${} 로 사용 할 수 있다. 변수와 문자열을 합쳐서 사용 할 때에도 간편하게 사용 가능하다. // 자바스크립트에서 백틱 안에서 변수는 ${} 로 사용하시면 됩니다. let count1 = 0; let count2 = 0; let count3 = 0; //백틱안에서 변수 사용 const test = `test const: ${count}`; //기존코드 const testSum = "test sum" + count1 + count2 + count3 + "입니다."; //백틱사용 const testSum = `test sum : ${count1 + count2 + count3} 입니다.`;