JavascriptES6

this? 요약 > Object안, 함수의 this 는 함수를 가지고 있는 object를 가리킨다. method로서 호출을 한 '주인장'이 누구인지도 염두해주자. Array 안에서 함수의 this도 Array를 가리킨다. -(당연함 ㅇ.ㅇ Array도 객체니..)

1.일반함수에서의 this2.Object내 함수안에서 쓰면(method)3\. Constructor에서의 this4\. addEventListener의 콜백 함수에서의 this5\. 번외) Case Study를 해봅시다. constructor로 새로생성되는 Object

@Arrow Function은 this 값을 물려받는다 바깥에 있는 this 값을 내부에서 그대로 사용 this에 대해서 판단 할 때...this 값을 판단 할 때 1\. 가장 가까이(안과 밖)있는 함수를 체크하자.2\. this의 값은 누가 호출하는지3\.

참고) 함수는 언제 씀?? 1\. 코드들을 기능으로 묶고 싶을 때 사용2\. 입출력 하는 기계를 만들고 싶을 때 사용1\. 직관적으로 파악하기 쉬움2\. 괄호 생략 가능 - 파라미터가 하나밖에 없을 때 생략 가능3\. 코드가 '한 줄이면' => '중괄호', 'retur

인생을 살아가는데 있어서 어떠한 변수가 있을지,모르는 것이 희로애락이겠지만 .... 코딩을 하는데 있어서 변수는 제일 중요함 🤣긴 자료 || 긴 숫자(자릿수 10억개) 이런걸 변수에 넣어서 간단하게 쓰려고 1\. var 2\. let3\. const선언, 할당을 기

자바스크립트 문자를 다룰 때 어려웠던 점을 해결하기 위해 나온 문법" " || ' ' 대신 (키보드 물결기호 를 누르면 나옴) 를 사용 한다.ES6에서는 tagged literals라고 해서 백틱 기호 안의 문자열을,함수로 문자 해체분석기능을 만들어 줄 수있다.▲

모든 괄호를 없애주는 마법의 ... Spread 연산자1\. Array를 합치기 / Copy하기 2\. Object 합치기 / Copy하기 spread는 '...'으로 자바스크립트 '코드'에서 표현한다.기본적으로 무언가 촤악, 화아알짝 펼치고 싶으면'...' 을 사용하

함수를 만들 때/ 기능을 만들 때 default로 값을 줄 수 있숨다.주는 방법은 그냥 파라미터에 '변수명 = 값' 이렇게 주면 된다.심지어 함수도 입력 가능하다.내 경험상난 paging nation을 하였을 때 default 파라미터를 주었다.결론은 default

저번시간에 배운 arguments 문법에 사실 단점아닌 단점이 있다.▲ 위 코드에서 '임시'라는 파라미터는 출력하지 않고 a,b,c만 반복문을 돌리고 싶은데 힘이 너무 든다..그래서 더 보안하여 나온 문법이 함수를 만들 때 ... 이라는 기호를 파라미터 왼쪽에 추가가

나는 코딩으로 학생30명의 출석부를 만들기에 도전해 보겠다.이렇게 하드 코딩해서 만드는게 정답일까...정답은 없지만 당연히 비슷한 Object를 복사해서 만드는게 쵴오의 방법 아닐까??붕어빵 틀을 만들어 봅시다.이렇게 constructor 함수(붕어빵 틀)를 만들었다.

객체지향 1에서 배운 constructor에 관한 내용을 아주 멋진 객체지향 용어로 <span style="color: 그래서 상속해주는 것은 부모, 상속 받는 Object들은 자식이라고 많이 비유해서 불른다. 자바스크립트에서 constructor 말고도 상

우리가 object, array 만들어도 prototype이 없다.이런식으로도 상속기능 구현 할 수 있을것 이다.

prototype이니, constructor, .\_\_proto\_\_,와 같이 복잡한 문법으로 상속기능이 어렵다면...이렇게 코드를 작성하면 오브젝트 자료형 하나가 '뿅'하고 남는다.그리고 소괄호 안에 적은 부모 Object가 유전자(Prototype)가 된다.상속

class 문법에도 prototype이 몰래 생성된다.class의 prototype 공간안에 함수 써주는 것이 편하다.▶ class도 '함수'이다. 함수에 함수 등록이 가능하지 않다. 따라서 class.prototype.함수=function(){...} 이건 가능

객체지향에 대하여 어디선가 들은적이 있다. 객체는 세상의 모든 것을 표현하려고 만든 기법이라고, 세상 모든 기술, 학습, 지식, 역사는 전파, 전염,등... 여러 단어들로 이야기 할 수 있지만, 상속이라는 단어 하나로 통일도 될것이라 생각한다. 상속에 있어서 부모와 자

Object의 함수 앞에서'만' 사용 가능 Class의 Prototype의 함수 앞에서 '만' 사용 할 수 있다.3\. constructor 내부에서는 사용 못 함.4\. function constructor( ) { set/get ( x ) } <- set/g

const 작명, 작명 = ... <- 작명은 아무렇게 해주자.const { name, age } = { name : choi, age : 20 }; 배열은 변수 작명 아무렇게나 해두 됨 오브젝트는 변수명을 key 값과 같게 해야함변수명을 key값으로 하기

자바스크립트 코드가 길어지면 다른 파일로 쪼개는게 좋은 관습이라 합니다.다른 파일로 쪼개 놓고 그걸 첨부 하는 방법을 알아보자 IE에선 안됨프론트엔드에서 <script src=''> 씁시다. ES6 import / export를 쓰면 내가 원하는 것만 선택적으로

동기 VS 비동기

심심하면 정답은 아래로 . . . 자바스크립트는 Synchronous > 한번에 코드 한줄씩 차례차례 - from 위 to 아래로 실행한다. 비동기식 처리하는 브라우저님 근데 브라우저가 자바스크립트를 실행 하는데 예외가 존재함 - 언제나 예외가 날 힘들게 하지

요약 > Promise의 콜백 함수 안은 " 동기적 " . then안의 콜백함수는 " 비동기적 ? 잠깐 제쳐두고... " - 자바스크립트가 다 훑은 다음 처리함 콜백함수 콜백함수를 이용해서 console.log를 순차적으루 실행시켜보자 ▲ 위 코드를보면 너무

요약 > async function은 resolve만 내뱉는다. async 안에서만 await쓸 수 있다. async 함수 안에서 promise로 reject함수가 호출되면, await promise 는 에러가 난다 . -> 밑에 코드 실행 안됨 그래서 try { ..

Promise 안에 있는 콜백함수는 동기적 .then 함수 안은 비동기적으로 처리를 한다. 예상 결과 값은 console.log(1) console.log(2) console.log(3) 위 와 같이 예상 하였으나, 아래의 코드와 같이 나왔다.