나의 기록

06.Scope 전역변수와 지역번수의 개념만 알면된다. // 1. function a(){ const z = 'hello'; } console.log(z); /////////////////////////////////////// // 2. function c(){ var y = 'hello'; } console.log(y); /////////////////////////////////////// // 3. const x; function b(){ x = 'hello'; } b(); console.log(x); 1. 번의 결과는 에러를 뱉는다. z는 a함수 안에서 만들어진 변수이기 때문에 밖에서 사용하려고 하면, z가 뭔지 모른다는 에러를 뱉게된다. 2. 번의 결과는 정상적으로 hello를 출력한다. 왜 ..

05.Typeof 자료형의 타입을 반환해주는 typeof 1 "1" true undefined Function a 의 타입이 궁금한 경우 typeof를 사용해서 구하면 된다. typeof 1; 혹은 typeof(1); 표기 법 둘다 가능. typeof 1 > number typeof "1" > string typeof true > boolean typeof undefined > undefined typeof a > function 그러나, Array나 Object의 경우 instanceof를 사용해서 확인해야 한다. [] instanceof Array {} instanceof Object 그러면 Null의 type은 ? typeof Null 에 대한 결과는 Object가 나온다. 버그라고 하지만, 해당 ..

04.Type conversion console.log(1 == true);// true console.log(NaN == true);// false console.log(undefined == true);// false console.log(null == true);// false console.log("" == true);// false (빈 string은 제로바이트. 0으로 변환된다.) console.log(55 + true);// 56 (true는 1로 변환된다.) console.log(55 + "true");// "55true" (숫자에 문자열을 더하면 문자열이 된다.) console.log(10 + 55 + "true");// "65true" (왼쪽부터 계산이 이루어지므로 더하기 이후 형변환...

03.Value Types and Reference Types a에 50을 부여하고, b에 a를 부여한 후에 a에 다시 10을 부여하면 b의 값은 어떻게 될까. 위와 같이 b는 여전히 50이다. let b = a; b에 a를 부여하는 시점에 a가 가지고 있는 값(value)이 복붙되기 때문이다. 그렇다면 Reference에 대해 알아보자. aaa에 배열을 만들어 "one"과 "two"를 넣고 bbb에 aaa를 부여한 후, aaa에 "three" 값을 push시켜 보았다. bbb를 출력하면, ["one", "two", "three"]가 출력된다. bbb에 aaa를 부여하는 시점에 aaa의 값(value)이 복사되었다면 "one"과 "two"만 출렸되었을 것이다. 이러한 경우 값에대한 복사가 아니며 aaa ..

02.Primitive Type 기초 자료형 타입을 말한다. 원시타입으로 String, Number(정수, 소숫점), Boolean, NaN, undefined, null -String은 따옴표로 시작하면 따옴표로 끝나야 하고, 쌍따옴표로 시작하면 쌍따옴표로 끝나야 한다. 예 : let str1 = 'baaaam', 혹은 let str2 = "baaaaaaaaaam"; -Number는 숫자이다. 만약, 숫자가 따옴표에 의해 둘러 쌓여진다면 String으로 인식되니 주의해야 한다. -Boolean은 true or false. - NaN은 Not a Number의 약자이다. 예를들어 소수를 정수로 바꿔주는 Math.floor함수에 숫자가 아닌 문자가 들어가게 된다면, NaN을 리턴하게 된다. - undefi..

01.Call Stack 자바스크립트에서 호출 시, 호출 순서가 내부적으로 어떻게 동작하느냐에 대한 것이다. 예를 들어 Function1, 2, 3 이 있는데, Function 1에서 2를 부르고 2에서는 3을 부른다면 그 동작에 대한 처리 순서는 1 > 2 > 3을 순서대로 호출할 것이다. function three(){ console.log('Baaam~'); } function two(){ three(); } function one(){ two(); } one(); 실행순서는 anonymous Function에 의해 one()이 제일 먼저 호출 될 것이다. 그런다음 one에선 two를 호출하고, two에선 three가 호출될 것이다. 그 다음 로그가 출력되고, 다시 three > two > one ..

github에 있는 33-js-concepts 프로젝트를 알게되어 다시 공부하는 마음으로 따라가며 공부해보려 한다. github URL: https://github.com/leonardomso/33-js-concepts 33개 Concepts의 목차는 아래와 같다.