10000COW

Module이란? 코드를 해당 파일 내부에서만 한정할 수 있도록 모듈화하는 것 즉, 한 모듈이라고 하는 것은 한 파일 안에 작성돼있는 코드를 말한다. 모듈화를 하면 기본적으로는 서로 다른 모듈(즉 서로 다른 파일)에서는 다른 파일에 있는 것들을 접근하거나 볼 수 없다. 따라서 다른 모듈에서 어떤 모듈의 함수를 이용하고 싶다면 제공하고자 하는 모듈에서는 export를, 사용하고자 하는 모듈에서는 import를 사용해야한다. Module의 필요성 여러 개의 파일이 있을 때 각각의 파일의 모든 코드들을 global scope로 측정된다. 즉 파일 안에 작성된 함수들은 브라우저 환경이라면 window에, 노드 환경이라면 global에 등록된다. 문제는 어떤 파일들에서 중복적인 이름의 함수가 구현돼있을 때 이름 ..

Object Destructing이란? JavaScript에서 객체의 property를 추출해 같은 이름의 변수에 할당하는 것을 뜻한다. 코드를 읽기 쉽게 만들어주고, 관리하기 편하게 도와주는 방식이다. Object Destructing 사용 방법 기본적인 객체 Object Destructing 아래와 같이 객체에서 원하는 key 값을 추출해서, key와 같은 이름의 변수에 할당해 사용할 수 있다. person의 name과 age를 object destructing을 통해 추출하고 할당했다. 중첩 객체 object Destructing 함수 parameter object Destructing 👨🏻‍💻 응용편 destructing한 변수에 default value를 지정 const { job = "deve..

2차원 배열 in JavaScirpt 자바스크립트 자체에는 2차원 배열이 없다. 따라서 const arr = [][] 처럼 한 번에 2차원 배열을 선언할 수 없다. 하지만, 테크닉을 이용해 2차원 배열과 비슷한 배열을 만들 수 있다. 1️⃣ 반복문으로 빈 2차원 배열 생성 const board = new Array(n); for(let i=0; i < n; i++){ board[i] = new Array(n); } 2️⃣ 반복문으로 직접 값을 할당해 배열 생성  board = []; for(let i=0; i < n; i++){ board[i] = [] for(let j=0; j < n; j++){ board[i][j] = '.'; } } 3️⃣ Array.from() 메서드를 이용해 2차원 배열 생성..

var의 특징 (특징: 안좋음..) var은 일반적인 코딩 방식과 어긋난다. 코드의 가독성과 유지보수성에 좋지 않다. 예전엔 var 변수를 사용했지만 최근에는 var을 사용하지 않는다. 따라서let(재할당이 필수로 필요한 경우), const(가능한 const를 사용!)를 대체해서 사용한다. 1️⃣ 변수 선언하는 키워드 없이 선언 & 할당이 가능하다. 따라서 선언인지, 재할당인지 구분하기 어렵다. something = '🥝'; console.log(something); 2️⃣ 중복 선언이 가능하다. 이전에 선언했던게 덮어 씌워질 수 있어 버그나 에러 발생 가능성이 있다. var myfruit = '🍌'; var myfruit = '🍌'; console.log(myfruit); 3️⃣ 블록 레벨 스코프 지원..

호이스팅(Hoisting)이란? 자바스크립트 엔진(Interpreter)이 코드를 실행하기 전, 변수, 함수, 클래스의 선언문을 위로 끌어 올리는 것을 말한다. 변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮긴다. 함수 호이스팅 함수의 호이스팅은 함수의 선언문 전에 호출이 가능하게 해준다. 따라서 함수의 선언문은 선언 이전에도 호출이 가능하다. print(); function print() { console.log('Good Morning🌤️'); } 변수와 클래스 호이스팅 변수(let, const)와 클래스는 선언만 호이스팅이 되고, 초기화는 호이스팅이 되지 않는다. 따라서 아래와 같이 초기화 전에 변수에 접근하면 컴파일(빌드) 에러가 발생한다. error "Cannot access (..