나보단 잘하자

처음 자바스크립트를 배울 땐 정말 기본의 정석의 형태를 배우기 때문에 화살표 함수를 접하고 머릿속에 물음표가 떴다. 이젠 많은 코드들에서 화살표 함수를 이용하기 때문에 익숙해질 필요가 있어 적어본다. let forArrow = (a, b) => (a + b) ; forArrow(1, 2);// 3 이 표시는 ES6에 새로 나온 함수 표현식이다. 이 함수는 아래의 함수와 같다. let forArrow = function(a, b){ return a + b; } forArrow(1, 2); 화살표의 왼쪽엔 매개변수를, 화살표의 오른쪽엔 함수의 내용을 넣는다. 함수의 내용이 여러줄이면 아래와 같이 적는다. let forArrow = (a, b) => { let sum = a + b; return sum;//여..

영어의 어원부터 살펴보자. 옥스포드 영한사전 출처, hoist는 끌어올리다, 들어올리다 라는 뜻이다. 말 그대로 호이스팅은 자바스크립트에서 선언이 스크립트 상단으로 끌어올려지는 것을 의미한다. 어떤 상황에 호이스팅 될까? 1. 함수선언문 letHoist();//is it works? function letHoist(){ console.log("is it works?") } 위의 상황을 보자. 분명 자바스크립트는 위에서 아래로 순서대로 실행되는 언어인데 왜 함수 선언 전에 호출했는데도 실행이 될까? 이는 함수선언이 호이스팅 되기 때문이다. 위의 코드는 자바스크립트가 아래와 같이 읽는다. function letHoist(){ console.log("is it works?") } letHoist(); 함수 표..

리액트를 공부하다 extends까지 온 이유는 리액트에 수도없이 나오는데 이해를 못하는 부분이 답답해서 공부를 했다. extends를 공부하기 전에 class의 개념을 알아야 한다. 이곳을 참고하세요. extends extends는 클래스의 자식 클래스를 생성할때 사용한다. class World { constructor(nation){ this.nation = nation; } whereRUFrom(){ console.log(`I'm from ${this.nation}.`); } } class Asia extends World { constructor(nation){ super(nation); } whereRUFrom(){ console.log(`I live in ${this.nation}.`) } } ..

자바스크립트의 class개념은 ECMA6에서 새로 도입된 개념이다. 그러나 마냥 새로운 개념은 아니다. Class로 커피를 만들어보자. Class란? class CoffeeMachine { constructor(coffee){ this.coffee = coffee; } } CoffeeMachine이라는 클래스를 만들었다. 이 머신 안에서 커피가 제조되는 것. 참고로 클래스 함수 이름의 첫 시작은 대문자여야 함. 일반 함수의 시작은 소문자. constructor은 한국어로 생성자라고 한다. 생성자는 말 그대로 객체를 생성하게 한다. 이 생성자가 있어야 class가 호출된다. 또한, 클래스 안에서 생성자는 단 하나여야 한다. this는 CoffeeMachine을 뜻한다. 그럼 왜 this를 쓸까? this ..