DAY 2

 

#2.1 Basic Data Types

 

 

Number : Integer(정수), Float(소수)

String : 문자열, 처음부터 끝까지 문자로 이루어짐 

 

문자열은 아래와 같이 ''나 ""로 감싸서 표현해야 한다. 

console.log('hello');
console.log("my name is " + "hayeon");

 

 

#2.2 Variables

 

console.log(5 + 2);
console.log(5 * 2);
console.log(5 - 2);

 

아래 코드에서 5를 다른 숫자로 변경하고 싶다던지, 2를 다른 숫자로 변경하고 싶을 때 하나하나 바꿔줘야하는 것은 번거로운 일이다. 이 귀찮은 일을 해결해주는 것이 변수다. 

 

변수를 사용하기 위해서는 const를 사용한다. constant(상수)를 의미하며, 바뀌지 않는 값이라는 뜻이다.

 

const를 만들 때 javascript에서는 주로 camelCasing 기법을 사용한다. 아래 코드에서 알 수 있듯이 myName처럼, 첫 번째 문자는 소문자로 시작하고 복합어일 경우 PascalCasing(복합어일 경우 중간에 시작하는 새로운 단어는 대문자로 적음)과 동일하게 적용한다. 긴 변수의 이름이어도, veryLongVariableName 처럼 표준에 맞게 작성하면 된다. 

파이썬에서는 전부 소문자로 쓰는 대신, 복합어의 경우 각 단어가 끝날 때마다 _를 사용한다. my_name, very_long_variable_name 과 같이 쓸 수 있다.

 

const a = 5;
const b = 2; 

console.log(a + b);
console.log(a * b);
console.log(a - b);

const myName = "hayeon";
console.log("hello " + myName);

 

 

#2.3 const and let

 

let, const, var의 차이점

변수	const	let	var
재선언	❌	❌	⭕
재할당	❌	⭕	⭕

 

let은 const와 달리 재할당은 가능하다. 다만 같은 이름으로 또 let myName = "~~"과 같이 재선언을 했다면 오류가 날 것이다. (재선언은 불가하기 때문이다.) 

아래 코드에서 만약 myName을 const로 선언했을 경우 let처럼 재할당조차 불가능하다.

 

let myName = "hayeon"; // let은 새롭게 정의할 때 사용하므로 (재선언 금지)
console.log("hello " + myName);

// 재할당
myName = "kimHaYeon"; // 재할당할 때는 다시 let을 붙이지 않는다.
console.log("hello " + myName);

 

var의 경우 재선언, 재할당이 모두 가능하기 때문에 너무 지나치게 유연한 나머지 언어에 대한 보호를 받지 못해 변수값이 실수로 변경될 수도 있으니 사용 비권장. 

주로 const로 선언하며, 바뀔 수 있는 변수의 경우는 let으로 선언하도록 하자. var는 X

 

 

#2.4 Booleans

 

boolean : true(참), false(거짓) 을 나타내는 타입

사용자의 로그인 여부, 비디오의 재생 여부, 웹사이트의 로딩 여부, 

cf) "true", "false"는 문자열이다.

 

undefined : 변수는 선언했으나 값을 할당하지 않음

null : 변수에 null(값이 없음)이 할당됨. => 정의는 되어있음

 

 

#2.5 Arrays

 

array는 데이터를 나열하기 위한 방법 중 하나로, 항상 [] 안에 ,로 데이터를 나열한다. array에 들어갈 수 있는 데이터는 변수, string, number, boolean은 물론 null, undefined까지 모두 가능하다.

const mon = "mon"
const thu = "thu"
const sun = "sun"

const daysOfWeek = [mon, "tue", "wed", thu, "fri", "sat", sun];
const nonsense = [1, 2, "hello", false, null, true, undefined, "hayeon"]

console.log(daysOfWeek, nonsense);

// Get Item from Array
console.log(daysOfWeek[3]); // 3번 인덱스이므로 4번째 값인 thu 출력

// Add one more day to the array
daysOfWeek.push("yasumi");
console.log(daysOfWeek);

 

const는 값을 변경할 수 없다고 했는데 왜 push()를 쓸 수 있는거지? 에 대한 해답 : https://overcome-the-limits.tistory.com/261?category=969104 참고

 

상수로 선언된 변수에 값을 할당한다.

=> 변수에 그 값을 갖는 메모리 주소를 할당한다.

=> 그 주소가 갖는 값이 배열이 아니라면 (number, string, boolean ..),

그 값을 갖는 변수 자체는 그 값을 참조해오는 메모리 주소 값을 기준으로 하기 때문에 상수로 고정된다.

 

배열로 할당을 받은 상수 변수

=> 할당된 배열 값을 갖는 메모리 주소를 받아와 참조함

=> 참조하는 배열의 값을 수정, 추가, 제거함

=> 즉 배열의 주소를 가져와 참조하는 상수 변수(ex. daysOfWeek) 자체에는 영향을 끼치지 않음

=> 변경 : 배열의 주소값 첫 부분 (ex. daysOfWeek[0])의 주소를 가져오므로, 주소에는 변경이 없으므로 상수 변수에는 영향이 없다. 

=> 추가 및 삭제 : 그 이후 연속된 메모리 주소에 대해 적용되는 것이므로 영향을 끼치지 않음

 

const toBuy = ["potato", "tomato", "pizza"];
console.log(toBuy[2]); // pizza

 

 

#2.6 Objects

 

object는 property를 가진 데이터를 저장해주며, { }를 사용한다. 파이썬의 dictionary, 자바의 hashMap과 같은 개념.

 

const player = {
  name: "hayeon",
  points: 10,
  fat: true,
};

// player의 property에 접근하는 두 가지 방법 
console.log(player.name);
console.log(player["name"]);

// object를 update할 수 있다.
console.log(player);
player.fat = false;
player.points = player.points + 15;
console.log(player);

// object의 property를 추가할 수 있다.
player.lastName = "kim";
console.log(player)

 

player를 const로 선언했는데 object에서도 값을 변경할 수 있는데, 그것은 const로 선언한 object(player)는 아직도 동일하며, 그 안에 있는 property의 값이 변경되었기 때문에 object에는 영향을 끼치지 않는 것이다.

const로 선언된 object를 직접적으로 변경(예를 들어 player = false; 와 같이 변경했을 때)했을 때만 오류가 생긴다.