간단한 요약

어제에 이어 자바스크립트 기본 내용을 공부하였다.

---

배운 내용

1. object

1-1. object의 value에 접근하는 2가지 방법

const student = {
  firstName: 'Wonseok',
  lastName: 'Choi',
  city: 'Daegu',
  skills: ['html', 'css', 'JS', 'react'],
};

• 위의 object에서 어디 사는 지 불러오고 싶다면, 아래처럼 가능. 두 가지 모두 알아야 함.
  1) student.city
  2) student['city']

1-2. object 내의 함수에 관하여

작성되는 방식은 대표적으로 아래와 같다. 하는 일은 함수와 거의 같지만, 이름은 method라 불린다.

sum(a, b) {
  return a + b;
},

2. Primitive Type vs Reference Type

primitive type은 수정했을 때 복사본에 영향을 주지 않는다.
reference type은 말 그대로 메모리 내의 데이터를 가리키는 주소를 참조하는 형태임.

3. JS로 style 속성 바꾸기

• 만약 선택한 element의 배경색상을 바꾸고 싶다면 ⬇️
  element.style.backgroundColor = 원하는 색상
• 주의 할 점은 JS에서는 camelCase로 속성을 입력해야 함

4. JS에서 변수명을 지을 때

• 예약어(reserved names) 피하기! ex) console, const, let, function, null etc.
• 다른 JS script더라도 결국 변수명은 공유되기 때문에, 동일한 변수명은 만들 지 못함.
  같은 원리로, 먼저 html에 link된 JS파일의 변수명을 그 후에 link된 JS파일에서 사용 가능.

---

어려웠던 점

역시 기본적인 내용들이라 어려운 점은 없었다.

---