[FE - ConnecTo] DAY24 TIL👩🏻‍💻

22.08.11 스스로 공부한 것 및 수업 중 러버덕 하며 공부한 내용들을 정리하였습니다 😊
피드백은 언제나 환영입니다! 🍊

콜백 함수

함수형 프로그래밍의 가장 기본 개념으로, 콜백 함수 역시 값으로 평가될 수 있기 때문에 매개변수에 담을 수 있는 것임.

함수 리터럴이 평가될 때 함수 객체가 만들어지고, 그 객체의 참조 값이 변수에 저장되는데, 여기서의 참조값을 인수로서 매개변수에 전달하는 것이 콜백함수임.

---

콜백 함수, 변수, 함수의 사용 이유?

→ 재사용하기 위해!

💡 재사용이 왜 중요한가?
생산성을 향상시키기 위해서 → 유지 보수의 용이성

---

유지보수하기 쉬운, 고치기 쉬운 코드란 무엇일까?

• 가독성이 좋아야 함, 효율보다 가독성
• 쉽게 읽힐 수 있는 코드가 유지보수하기 쉬운 코드

---

var 키워드를 사용하면, 재선언이 아니라 재할당이 일어남

---

식별자란?

변수 이름이라고도 하며, 값을 식별하기 위한 고유한 이름임. 값이 아니라 메모리 주소를 기억하고 있음

변수 이름, 함수 이름, 클래스 등 값을 가져올 수 있는 것들은 다 식별자임.

URL도 식별자라고 할 수 있음(하나의 웹 사이트를 특정할 수 있기 때문)

경로와 파일명도 식별자라고 할 수 있음(파일을 가지고 올 수 있음)

식별자는 사실 프로퍼티인데, 이 부분에 관한 내용은 스코프 공부할 때 배울 수 있음

---

💡 자바스크립트의 변수 초기화 시 할당되는 undefined는 몇 바이트인가?

모름, 정확한 ECMAScript 사양서에 나와있지 않고 브라우저 엔진마다 다름

💡 메모리 셀의 크기는 왜 1바이트(8비트)인가?

유의미한 최소 단위가 1바이트이기 때문에 약속

---

원시 값

→ 불변한 값, 기본 값이며, 그 종류에는 숫자, 문자열, 불리언, null, undefined, BigInt(큰 정수), 심볼 등이 있음.

💡 수학에서의 실수와 프로그래밍에서의 실수는 다름

프로그래밍에서의 실수는 float(부동 소수점)
자바스크립트에서의 Number는 정수처럼 보여도 실수

🤔 왜 자바스크립트는 정수가 아니라 실수를 Number 타입으로 가지는가?

---

초기화란?

변수를 선언하고 처음으로 값을 할당하는 것임.

변수에 undefined를 할당하는 행위는 암묵적인 것인데, 일반적으로 설명할 때 할당은 엄밀히 말하면 재할당이지만(먼저 undefined가 할당되었으므로) 초기화라고 이야기함.

---

원시 값은 왜 변하지 않는가?

원래 있던 값을 지우고 새로 쓰는 것보다, 새로 할당한 값에 메모리 주소만 바꿔주는 것이 더 효율적이기 때문임.

객체는 왜 변하는가?

객체가 원시 값처럼 동작하면 객체 내용을 바꾸는 순간 새로운 객체가 생성되어야 함, 그 객체의 생성 비용이 원시 값 생성 비용보다 훨씬 큼

객체의 크기가 원시 값의 크기보다 훨씬 큼, 지금처럼 컴퓨터 사양이 발전한 경우에는 무의미하지만 예전에 메모리 자체가 귀하던 시절에는 그 비용을 굉장히 중요하게 생각했음

---

얕은 복사와 깊은 복사

예전에는 slice 사용하여 복사했음

→ slice 사용하여 내부 값게 복사하더라도 참조하는 메모리 주소는 다르기 때문에
=== 연산자 사용하여 비교해보면 false가 나온다. 왜냐하면, 참조 값을 비교하기 때문임.

지금은 스프레드 연산자 사용

<대부분의 copy 방법이 얕은 복사를 하는 이유>
깊은 복사는 몇 depth가 있는지 모르기 때문에 메모리를 굉장히 낭비함

깊은 복사 방법

(1) stringify

객체를 copy 할 때 메서드 복사는 불가능하다는 문제점이 있음

💡 함수의 복사는 어떻게 이루어지는가?

객체의 숨겨진 프로퍼티들도 다 복사해야 하는데, 그것까지 복사할 수 있는 방법이 없음
→ 결국은 함수의 깊은 복사가 거의 불가능에 가까움

(2) 라이브러리 사용

권장되는 방법이며, 객체를 복사할 때 프로퍼티 키를 가져와서 객체인지 아닌지 파악한 후, 객체면 깊은 복사 한 번 더 하고, 원시 값이면 할당만 하면 됨

💡 깊은 복사에 관련된 함수는 왜 추가되지 않는가?

남발할 가능성이 있기 때문임.
엄청 커다란 객체를 계속 복사하는 경우 메모리가 가득 차는 심각한 문제가 생길 수 있음
→ 깊은 복사는 다른 언어에서도 라이브러리로 제공됨

---

📚 함수 내부에서 객체를 참조하는 경우 바람직한 방법

함수형에서 외부 상태를 참조, 변경하지 않기 위해서 새로운 배열, 객체를 반환해야 함

스프레드 문법 사용하여 얕은 복사로 새로운 객체 반환

결국 이 모든 것은 실수를 방지하기 위한 것들임

자바스크립트 엔진은 동일한 함수 리터럴을 선언문으로, 표현식으로 구분하여 할당

이 두 개는 문맥에 따라 다르게 평가하는데,

중괄호 { } 역시 값으로 평가될 수 있는지 아닌지 문맥에 따라 다르게 평가함

그렇다면, 함수 표현식과 선언문 중 어떤 것을 사용해야 하는가?

무엇을 써도 상관은 없지만, 코드 전체의 일관성을 고려하여 둘 중 하나만 골라서 사용할 것

---

String, Number 등 생성자 함수로 타입 변환을 하는 것은 좋지 않음

함수의 목적에 맞게 사용하는 것이 중요함

→ 생성자 함수는 원래 String 객체를 생성하는 것이므로 문자열로 타입 변환할 때 사용하는 것은 함수의 목적에 맞지 않음

---

switch 문

너무 복잡하기 때문에 사용하지 않는 것이 바람직함

---

즉시 실행 함수는 왜 사용하는가?

예전에는 전역 변수를 오염시키지 않기 위해 사용했는데, 요즘에는 모듈이 등장해서 굳이 필요 없음

한 번만 사용하고 버리고 싶을 때 사용하며, 요즘에는 클로저를 만들기 위해서 사용함.