목차 콜스택과 힙 1) 콜스택은 원시타입 데이터가 저장되는 장소 2) 메모리 힙은 참조타입 데이터가 저장되는 장소 원시타입과 참조 타입의 데이터 저장방식과 재할당 비교 1) 원사타입은 기존 콜스택의 값을 변경하지 않고 새로운 주소를 추가해 값을 저장함 2) 참조타입의 재할당의 경우 새로운 ...

목차 자바스크립트에서 클래스가 생기기 전에는 어떤 방식으로 객체지향 패턴을 구현했나요? 그럼 생성자 함수와 클래스는 어떤 차이가 있나요? 클래스 정의 클래스의 상속 1. 자바스크립트에서 클래스가 생기기 전에는 어떤 방식으로 객체지향 패턴을 구현했나요? 자바스크립트는 프로토타입 기반 객체지향...

목차 메모리 생존주기 가비지 콜렉션 1. 메모리 생존주기 변수에 값을 재할당할 때 기존에 사용하고 있는 메모리 공간을 지우고 재할당하는 게 아니라 새로운 메모리 공간을 확보해서 저장 기존의 메모리 공간 생존 주기 메모리 할당(allocate) 생성한 객체(object)에...

목차 불변성 불변성을 유지하는 방법 1. 불변성 : 자바스크립트에서 불변성이란 객체가 생성된 이후 그 상태를 변경할 수 없는 것을 의미 ** 상태를 변경할 수 있는 것과 값을 재할당하는 것은 다름! immutable vs mutable챔고 immutable(불변성) ...

React 목차 React-Query React-Query를 사용하는 이유 React-Query의 장점 React-Query의 사용예시(+주의사항) 1. React-Query : React Query는 데이터 Fetching, 캐싱, 동기화, 서버 쪽 데이터 업데이트 등을 쉽게 만들어 주는 R...

목차 Ajax가 뭔가요 어떤 것을 담당하고 있죠? Ajax를 사용하면 기존 방식과 어떤 차이가 있을까요? JSON 이 뭔가요? JSON이 제공하는 정적 프로토타입 메서드에 대해 몇가지 말해볼 수 있나요? Ajax로 HTTP 요청을 보내기 위해서는 어떤 방법을 사용할 수 있나요? XMLHttpRe...

목차 this가 뭔가요? 🌊 this 바인딩이란? 🌊 this는 동적으로 바인딩이 된다고 하는데 바인딩되는 객체가 어떻게 다르나요? this의 사용 1. this가 뭔가요? 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수 this를 통해 자신이 속한 객체 또는 ...

목차 Primitive Type(원시 타입) vs Reference Type (참조 타입) Pass By Value(값에 의한 전달) 과 Pass By Reference(참조에 의한 전달) 1. Primitive Type과 Reference Type 1. Primitive Type(원시 타입) 숫자(N...

목차 얕은복사와 깊은복사 얕은복사와 깊은복사 예시 1. 얕은 복사와 깊은 복사 얕은 복사(Shallow Copy) 객체의 참조값(주소 값)을 복사 참조값을 복사할 때는 변수가 객체의 참조를 가리키고 있기 때문에 복사된 변수 또한 객체가 저장된 메모리 공간의 참조를 가리키고 ...

연산자 목차 ==, ===의 차이점 더 알아보기 연산자 1. ==, ===의 차이점 == (Equal Operator, 동등 연산자) : 두 피연산자의 타입이 서로 다르면 비교를 위해 강제로 타입을 같게 변환함 === (Strict Equal Operator, 일치 연산자) : 타입과 값이 모두 ...