나보단 잘하자

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

- setState()는 리액트의 state를 수정하고 재 렌더링하게 해준다. state를 직접적으로 수정할 수 없기 때문에 사용. - life cycle component는 리액트의 컴포넌트를 생성하고 없애는 방법. - 아 리액트 진짜 ㅋㅋㅋ하면 할 수록 알아야 할 것이 너무 많다. 어서 내 프로젝트를 리액트로 만들고 싶은데 오늘만 몇가지 자바스크립트 개념을 공부한지 모르겠다. 쉽게 되는 공부라면 아마 모두가 개발자 했겠지... - 콜백함수와 비동기에 대해 제대로 알았다.

리액트를 공부하다 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가 이해가 안가 리액트 하다 다시 돌아가서 개념부터 공부하는중이다. 마치 처음 함수 배웠을 때와 같이 머리가 뜨겁다. 그렇지만 계속 하다 보니까 이해가 가는중. 전 보다는 확실히 이해가 빠르다. - HTML 내 자바스크립트 파일을 헤더에 넣어야 할지 바디 맨 아래에 넣어야 할지 항상 헷갈렸는데 헤더에 defer과 함께 넣기로 했다. defer과 함께 넣으면 HTML이 위에서부터 파싱되는 중에 설치해야 할 js파일을 만나면 파싱됨과 동시에 설치한다. 그리고 HTML이 다 설치가 되면 설치된 js파일을 실행한다. - 좀 더 꼼꼼한 코딩을 위해 자바스크립트 코딩 시작 전 use strict를 사용해야겠다. C를 공부하고 자바스크립트를 해서 그런지 처음엔 참 불친절하단 생각이 들었다...