나보단 잘하자

영어의 어원부터 살펴보자. 옥스포드 영한사전 출처, 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 ..

이제는 더이상 웹페이지는 절대적으로 지정된 크기로 코딩돼서는 안된다. 모바일로, 태블릿으로, 노트북으로 그리고 컴퓨터로 심지어 스마트 워치 등 화면의 사이즈는 날이 갈 수록 다양해지고 있기 때문에 절대적 크기는 사용자 경험에 큰 불편을 가져다 준다. 한 예로, 2G 폰을 쓰던 시절, 인터넷에 들어가면 컴퓨터에서 보던 화면이 그대로 깨알같이 그 작은 화면으로 들어갔던 경험을 해본 적 있을 것이다. 또한, 스마트폰에서도 pc버전으로 보기를 누르면 그렇게 나온다. 그러나 이는 크게 불편하기 때문에 당연히 반응형으로 제작해야 한다. 단위는 절대단위와 상대단위로 나뉜다. 절대단위(absolute unit) css에서의 절대단위는 보통 px(픽셀), pt(포인트)를 많이 쓴다. 그렇지만 이 단위들은 화면의 크기가 ..