JS 공부

이전에 제이쿼리로 자바스크립트를 배운적이 있는데 오래되었기도하고 Es6문법을 거의 몰라서 패스트캠퍼스에 있는 velopert님의 강의를 들었다. > #### let const 변수 - 값이 변할 수 있음 let 상수 - 값이 고정적임 const 같은 이름으로 설정

객체 객체 선언 방법 const dog = { //key(공백안됨, ''쓰면 되긴함): value //이름:값 } > #### 비구조할당(객체 구조분해) -es6 문법 함수의 인자로 객체의 키값을 들고오면 ex) function print({

for (let number of numbers) { console.log(number);}const dog = { name: '멍멍이', sound: '멍멍', age: 2};console.log(Object.entries(dog));consol

for each 배열안에 있는 모든 요소에 같은 함수 적용가능 const superheros = ['아이언맨', '캡아', '토르', '블위', '스파이더맨']; function print(hero) { console.log(hero); } superhe

Animal.prototype.say = function () { console.log(this.sound);}Animal.prototype.SharedValue = 1;const dog = new Animal('개', '멍멍이', '멍멍');const cat =

알아두면 좋은 js 문법 > ### 삼항 연산자 - ? - : - 조건문 ? true일때 실행 : false일때 실행 > ### Truthy Falsy 각각 트루같음 펄스같은~ 문법이 아니라 개념 undefine,null,0,'',NaN --> 다 Falsy 한

**동기적 - 차례대로 실행됨 (그거하는 동안 다른거 못함) 비동기적 - 흐름이 멈추지 않기 때문에 동시에 여러작업 처리 기다리는 과정에서 다른 함수 호출가능** > ### 비동기 처리 setTimeout(() => { },0); --> 비동기처리가능 콜백함수 -

가장 자주 사용하는 for문이지만 헷갈렸던 for in과 for of의 차이점과 사용하는 경우에 대해 짚고 넘어가려고 한다. 📗 for in value가 아닌 key에 해당한 값이 변수로 반복된다. enumerable(열거 가능한) 것들만 출력한다. IE에서 사용

Element 기준 clientHeight box-sizing: content-box일때 : 요소 + padding 의 크기 box-sizing: border-box일때 : 요소 + padding + ScrollBar + border 의 크기 offsetHeight

1. ClientX, ClientY 현재 보여지는 브라우저 화면 뷰포트 기준으로 가로, 세로 좌표를 반환 2. OffsetX, OffsetY 이벤트 대상을 기준으로 상대적인 좌표를 반환 ex) 화면 중앙의 박스 요소에서 클릭한 위치를 찾으면 박스위 왼쪽 모서리 좌표

func.call(thisArg\[, arg1\[, arg2, ...]])thisArg: func 호출에 제공되는 this가 될 값arg1, arg2, ...: func이 호출되어야 하는 파라미터 첫번째 인자로 들어간 duck을 this로 인식하기 때문에 duck의 a