자바스크립트 입문기.

자바와는 관계없는 자바스크립트 공부하기.

저번 글에서 언급했듯, 아직 많은 내용은 아니지만 내가 공부한 자바스크립트의 개념에 대해 조금씩 기록해나가려한다. 사실 스파르타코딩클럽 웹종합반에서 배워나가는 자바스크립트와 함께 적어보려 했으나, 루즈하지않고 빠른 진행과 결과를 목적으로 삼은 입문강의 특성상 세세한 개념은 패스하고 거의 바로 jQuery와 Ajax로 넘어가서, 이부분의 정보는 내가 유튜브(코드엘리라는 분의 영상)로 독학한 이론적인 내용을 따로 정리해 나가기로했다.

//1. Use strict
// added in ES 5
// use this for vanila javascripts
'use strict';

//let (add in ES6)
let globalName = 'global name';
{
let name = 'ellie';
console.log(name);
name= 'hello';
console.log(name);
}
console.log(globalName)

// var (don't ever use this)
// var hoisting
// no block scope

// 3. constants
const daysInWeek = 7;
console.log(daysInWeek)

//variable types
const infinity = 1 / 0;
const negativeInfinity = -1 / 0;
const nAn = 'not a number' / 2;
console.log(infinity);
console.log(negativeInfinity);
console.log(nAn);

// bigInt
const bigInt =1234567890123456789012345678901234567890n; // over (-2**53)~(2*53)
console.log(bigInt)

//string
const char = 'c';
const brendan = 'brendan';
const greeting = 'hello' + brendan;
console.log(`value: ${greeting}, type: ${typeof greeting}`);
const helloBob = `hi ${brendan}`; //template literals (string)
console.log(`value: ${helloBob}, type: ${typeof helloBob}`);

// boolean
// false: 0, null, undefined, NaN, ''
// true: any other value
const CanRead = true;
const test=3 < 1; //false
console.log(`value: ${CanRead}, type:${typeof CanRead}`);
console.log(`value: ${test}, type: ${typeof test}`)

//null
let nothing = null;
console.log(`value: ${nothing}, type: ${typeof nothing}`)

//undefined
let x;
console.log(`value: ${x}, type: ${typeof x}`)

// symbol, create unique identifiers for objects
const symbol1 = Symbol('id');
const symbol2 = Symbol('id');
console.log(symbol1 === symbol2)
const gSymbol1 = Symbol.for('id');
const gSymbol2 = Symbol.for('id');
console.log(gSymbol1 === gSymbol2);
console.log(`value: ${symbol1.description}, type: ${typeof symbol1}`);

// Dynamic typing: dynamically typed language
let text = 'hello';
console.log(`value: ${text}, type:${typeof text}`);
text = 1;
console.log(`value: ${text}, type:${typeof text}`);
text = '7' + 5;
console.log(`value: ${text}, type:${typeof text}`);
text = '8' / '2';
console.log(`value: ${text}, type:${typeof text}`);

//object, real-life object, data structure
const ellie = { name: 'ellie', age: 20 };
ellie.age = 21;

"use strict" 선언 = strict모드로서 자바스크립트가 용인하던 일정 버그나 오류들을 모두 드러내어 확인하게된다.

함수선언, let, var, const 세가지와 각각의 차이.(불변인가, 중복선언이 가능한가, 재할당이 가능한가, hoisting이 발생하는가)

변수의 타입들(primtive, object, function...)

BigInt의 사용.

Block scope에 대하여(+Global 변수)

``으로 사용하는 template literals, ${}을 통한 연산이나 변수 삽입.

string요소 변수선언

불리언값에 대하여.

null과 undefined의 차이.

심볼이란? 그리고 .decription을 이용한 심볼값 출력.

자바스크립트의 dynamically typed language.

오브젝트.(key와 value)

특히 마지막 오브젝트 부분은 뒤에 강의를 더 들을수록 굉장히 중요하다 느꼈기에, 따로 또 개념을 정리할 기회가 있을 것 같다.

어렵기도 했지만 흥미로웠다. 아는 만큼 보인다는 것이 예전에는 읽어도 이게 뭔 말이야 싶었던 코드들이 이제 전부는 아니라도 조금씩 눈에 아는 정보가 들어오는 것이 굉장히 좋았다.