📝 오늘 한 것

1. reference 추가 학습

2. javascript-koans 풀이 (진행 중)

📖 학습 자료

1. 생활코딩 참조 강의 1 ~ 3편

2. 사전 학습 가이드 STEP 5 (reference ~ javascript koans)

📚 배운 것

reference(참조 타입)

생활코딩 참조 강의 (1 ~ 3편) 참고

---

1. 복제

원시 타입 / 값 / 할당한다

var a = 1;
// 변수 a에 1이라는 값을 할당한다

var b = a;
// 변수 b에도, 변수 a에 할당한 1이라는 값을 '복제'해서 담는다

b = 2;
// 변수 b에 2라는 값을 할당한다

console.log(a);
// 1 → 변수 b의 변화와는 상관 없이, 변수 a에는 여전히 1이라는 값이 담겨 있다

2. 참조

객체 / 주소(위치 값) / 가리킨다

var a = {id : 1};
// 변수 a는 객체가 저장된 주소를 가리킨다(참조한다)

var b = a;
// 변수 b도 변수 a가 가리키고 있는 주소를 가리킨다(참조한다)

b.id = 2;
// 📌 변수 b가 가리키고 있는 객체의 id라는 프로퍼티의 값을 2로 바꾸면

console.log(a.id);
// 2 → 변수 a도 변수 b와 똑같은 곳을 가리키고 있으므로
// 변수 a가 가리키고 있는 객체의 id라는 프로퍼티의 값도 2가 찍히게 된다

💡 주의 💡 (위의 경우와 비교할 것)

var a = {id : 1};
// 변수 a는 {id : 1}이라는 객체가 저장된 주소를 가리킨다(참조한다)

var b = a;
// 변수 b도 변수 a가 가리키고 있는 주소를 가리킨다(참조한다)

b = {id : 2};
// 📌 변수 b는 {id : 2}라는 객체가 저장된 주소를 가리킨다(참조한다)
// 즉, 변수 b가 가리키고 있는 주소가 바뀐다

console.log(a.id);
// 1 → 변수 a와 b는 서로 다른 주소를 가리키고 있으므로
// 변수 b의 변화와 상관없이, 변수 a의 id라는 프로퍼티의 값은 그대로 1로 찍힌다

이는 '1.복제'의 예제와 같은 흐름이다

다만,
'1.복제'에서는 변수 b에 변수 a의 값이 복제되어 할당되고,
'2. 참조'에서는 변수 b가 변수 a가 가리키고 있는 주소를 같이 가리킬 뿐이다

3. 함수

1) 원시 타입 / 복제 / 함수

var a = 1;
// 변수 a에 1이라는 값을 할당한다

function func(b) {
  b = 2;  
}
// b의 값을 2로 바꾸어주는 func 함수 정의

func(a);
// a를 func 함수의 매개변수로 전해주면서 func 함수 호출

console.log(a);
// 1

위의 코드를 풀어 쓰면 아래와 같다

var a = 1;
b = a;
b = 2;
console.log(a)

2) 객체 / 참조 / 함수

var a = {id : 1};
function func(b) {
  b.id = 2; // 📌
}
func(a);
console.log(a.id);

위의 코드를 풀어 쓰면 아래와 같다

var a = {id : 1};
b = a;
b. id = 2;
console.log(a.id); // 2

💡 주의 💡 (위의 경우와 비교할 것)

var a = {id : 1};
function func(b) {
  b = {id : 2}; // 📌
}
func(a);
console.log(a.id);

위의 코드를 풀어 쓰면 아래와 같다

var a = {id : 1};
var b = a;
b = {id : 2};
console.log(a.id); // 1

Primitive and Reference Quiz

---

1번 문제

const person = {
  age : 30
};

const something = person.age;

person.age = 50;

console.log(something);

풀이

const person = {age : 30};

console.log(typeof person.age); // 'number'
const something = person.age; // 변수 something에 할당된 건 30이라는 숫자임
console.log(typeof something); // 'number'

person.age = 50; // person이라는 객체의 age라는 프로퍼티의 값이 30에서 50으로 변경됨
console.log(something); // 30 → something은 변화 x

5번 문제

var secret = {
  data : 'I am secret'
};

function destroy (stuff) {
  stuff = null;
}

destroy(secret);

console.log(secret); //

위의 코드를 풀어 쓰면 아래와 같다

var secret = {
  data : 'I am secret'
};

var stuff = secret;

stuff = null;

console.log(secret); // {data : 'I am secret'}

javascript-koans

---

풀이 진행 중

✨ 내일 할 것

1. javascript-koans 마무리