#4 JavaScript-1

저번 시간에 만든 개인 페이지를 Github으로 호스팅했다.
https://dwenpark.github.io/myweb1/index.html
JavaScript를 배워서 개인 페이지에 효과를 추가해볼 계획이다.

데이터 타입

number vs string

같은 숫자라도 "" 사이에 있는 숫자와 그냥 숫자는 다르다.

undefined vs null

undefined은 변수 선언 이후 값을 할당하지 않았을 때 나옴
숫자 문맥에서는 NaN(not a number)

const arr = [];
console.log(arr); // undefined

null은 아무런 값도 나타내지 않는다는 의미
숫자 문맥에서는 0

둘 다 boolean은 false

데이터 정렬 방법

Array vs Option

Array는 리스트 형식으로 저장
String, Boolean, number, object, function, array 등 모든 데이터 타입 가능.
자유롭게 추가 삭제 가능하고 길이는 마지막을 기준으로 정해짐

const drink = ["coke", "beer", "water"];
console.log(drink[0]); // coke
drink[4] = "sprite";
console.log(drink[4]); // sprite

Object는 label된 리스트로 저장
array와 같이 모든 데이터 타입 넣을 수 있음, {}로 묶기

const myInfo = {
	name = "Dwen";
    	age = 30;
        favfood = ["sushi", "hotdog"];
        man = true;
}
console.log(myInfo.name); // Dwen
console.log(myInfo.man); // true

var, let, const

기본적으로 const를 사용
재할당할 때는 let 사용 권장

참고. https://poiemaweb.com/es6-block-scope

느낀 점

강의들을 때는 쉽다고 생각했는데 막상 정리할 때는 헷갈리는 부분이 많았다. 아직 절반 정도 남았는데 급하지 않게 천천히 생각해보고 이해한 다음, 개인 페이지 업데이트를 해볼 예정이다. 추가로 인터넷이 어떤 원리로 페이지를 구현하는지 시간날 때 한 번 읽어보면 좋을 것 같다.