TIL _ 리액트 과제

🚧과제 제출용으로 후다닥 복붙한 내용들이 대부분이니 앞으로 React 공부를 해가며 배운 내용으로 수정할 예정

---

JavaScript의 자료형과 JavaScript만의 특성

• 느슨한 타입(loosely typed)의 동적(dynamic)언어
  : JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어입니다. JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능하다.

let foo = 42 // foo가 숫자
foo = 'bar' // foo가 이제 문자열
foo = true // foo가 이제 불리언

• JavaScript 형변환
  var 변수 = parseInt(문자); //문자를 정수형 숫자로 변환해줌
  var 변수 = parseFloat(문자); //문자를 실수형 숫자로 변환해줌
  var 변수 = Nember(문자); //문자를 정수&실수형 숫자로 변환해줌

• ==, ===
  '=='와 '===' 연산자의 주된 차이점은, 예를 들어, 숫자를 숫자 리터럴과 비교하면, '=='는 그것을 허용하지만, '===' 두 변수의 형식은 동일하지 않은 경우, 값뿐만 아니라 두 변수의 유형도 확인하므로, 허용하지 않는 것이다. 즉, '==='는 'false'으로 반환하고, '=='는 'true'로 반환다.

JavaScript 객체와 불변성이란 ?

• 기본형 데이터와 참조형 데이터
  기본형은 값을 그대로 할당
  Number, String, Boolean, null, undefineded, Symbol ,,,,

  참조형은 값이 저장된 주소 값을 할당(참조)
  Object, Array, function, Map ,,,,,
  

• 불변 객체를 만드는 방법
  1) const
  : 변수를 상수로 선언할 수 있다.

  2) Object.freeze()
  : 메소드로서 "객체를 동결하기 위한 메소드"

  let test = { 
      name : 'kim
  }
  Object.freeze(test);
  

• 얕은 복사와 깊은 복사
  얕은복사는 객체의 참조 값(주소 값)을 복사하고,
  깊은 복사는 객체의 실제 값을 복사함