북스터디 1~7회차 [혼자 공부하는 자바스크립트]

블로그 포스팅을 해서 스터디를 통해 나누고 정리한 부분을 공유했으면 좋겠다는 생각에 오늘부터 포스팅을 할 예정입니당!

멋쟁이사자처럼 프론트엔드 스쿨을 수강하고 있습니다 !

4시부터 6시까지 자습시간이 주어지는데 이 시간에 복습도 제대로 하지 않고 어영부영 시간을 보내는거 같아 책이라도 읽자 라는 생각이 들었고, 혼자하면 잘 집중하지 못할거 같아 다른 사람들과 같이 공부하며 생각을 나누는게 서로에게 도움이 되지 않을까 생각해 스터디를 개설했습니다!

5시 반까지는 평균적으로 읽을 수 있는 만큼 진도를 매일 유동적으로 정하며 책을 읽고, 나머지 20~25분간 서로 새로 배우게 된 점, 공유하면 좋겠는 부분 등을 자유롭게 나누는 시간을 갖고 있습니다. 서로 모르는 부분은 질문하며 나아간다는 점 또한 이 스터디의 큰 장점입니다!

혼자 공부할 때면 강제되지 않아 중간에 딴짓을 한다던데 집중하지 못하는 성향이 강해 스터디를 하며 시간을 정해놓고 책을 읽는 것이 제게는 상당한 도움이 되고 있고, 수업 시간에 이게 도당체 무슨 소린가... 싶어 흘려만 들었던 부분을 책을 통해 초보자의 눈높이에 맞춰 개념을 정리하며 다시 공부할 수 있어 너무 좋은 책인거 같습니다!

다만 책에 오타가 많으니 잘 읽어보시기 바랍니다!

chapter 6-3 객체와 배열 고급

이걸 언제 활용해 하지 말고 개념만이라도 확실하게 이해해라.

객체에 없는 속성에 접근시 undefined. 조건문으로 존재 여부

질문) 293p 속성이 false로 변환될 수 있는 값이 들어오지 않을 것이라는
전제가 있으면 다음과 같이 짧은 조건문으로도 구현할 수 있다.
object.name = object.name || '제목 미정'
object.author = object.author || '저자 미상'

배열 기반 다중 할당

(2) [2, 1]
console.log(a, b)
2, 1

객체 기반의 다중 할당

{ 식별자=속성 이름, 식별자=속성 이름 } = 객체
const object = {
name: '혼자 공부하는 파이썬',
price: 18000,
publisher: '한빛미디어'
}


const { name, price } = object
console.log('# 속성 이름 그대로 꺼내서 출력하기')
console.log(name, price) // 혼자 공부하는 파이썬 18000

const { a=name, b=price } = object
console.log('# 다른 이름으로 속성 꺼내서 출력하기')
console.log(a, b) // 혼자 공부하는 파이썬 18000

배열과 객체는 할당할 때 얕은 복사(참조 복사)
배열은 복사해도 다른 이름이 붙을 뿐.

복사한 두 배열이 완전히 독립적으로 작동 = 깊은 복사

전개 연산자 [...배열] = 깊은 복사

객체 전개 연산자 {...객체} = 깊은 복사

변경하고 싶은 속성만 추가하기

이름: '구름',
나이: 6,
종족: '강아지'
}
const 별 = {
...구름,
이름: '별',
나이: 1,
예방접종: true
}
console.log(JSON.stringify(구름)) 
// {"이름":"구름", "나이":6, "종족":"강아지"}
console.log(JSON.stringify(별))
// {"이름":"별", "나이":1, "종족":"강아지","예방접종":true}

객체 전개는 순서가 중요. 뒤에 놓으면 앞 속성을 덮어씀.

-마무리-

속성 존재 여부 확인 = 객체 내부에 어떤 속성이 있는지 확인하는 것을 의미
객체에 없는 속성은 접근하면 undefined가 나옴.

다중 할당 = 베열과 객체 하나로 여러 변수에 값을 할당하는 것을 의미

얕은 복사 = 복사하는 행위가 단순하게 다른 이름을 붙이는 형태로 동작하는 복사

깊은 복사 = 복사 후 두 객체를 완전하게 독립적으로 사용할 수 있는 복사