WEB 3

코어 자바스크립트 01. 데이터 타입(2)

2022.02.28 - [WEB/코어 자바스크립트] - 코어 자바스크립트 01. 데이터 타입(1) 코어 자바스크립트 01. 데이터 타입(1) 01. 데이터 타입의 종류 자바스크립트에는 크게 두 가지 종류의 데이터 타입이 존재한다. 기본형 타입 (Primitive Type) 숫자 (number) 문자열 (string) 불리언 (boolean) null undefined 심볼 (Symbol) 참조형.. gohdong.tistory.com 03. 변수 선언과 데이터 할당 변수 선언 var a; 위에 코드를 실행하면 아래 표와 같이 메모리 영역에 변화가 발생합니다. 주소 ••• 1002 1003 1004 ••• 데이터 이름 : a 값 : 임의의 주소 공간에 a라는 이름을 갖은 데이터 공간이 생성됩니다. 데이터를..

코어 자바스크립트 01. 데이터 타입(1)

01. 데이터 타입의 종류 자바스크립트에는 크게 두 가지 종류의 데이터 타입이 존재합니다. 기본형 타입 (Primitive Type) 숫자 (number) 문자열 (string) 불리언 (boolean) null undefined 심볼 (Symbol) 참조형 타입 (Reference Type) 객체 (Object) 배열 (Array) 함수 (Function) 날짜 (Date) 정규표현식 (RegExp) Map, Set 등 기본형은 할당이나 연산시 데이터가 복제되고, 참조형은 데이터를 참조한다고 알려져있습니다. 엄밀히 따지면 둘 모두 복제를 하지만, 그 방식이 다르다 그 부분에 대해서는 뒤에서 다루겠습니다. 기본형 타입은 불변성을 띈다. 이 부분 역시 뒤에서 다루겠습니다. 02. 데이터 타입에 관한 배경지..

리액트의 재조정 (ReactJS Reconciliation)

React의 재조정(Reconciliation) React에서는 선언적 API를 제공하기 때문에, 개발자가 View가 갱신될 때 마다 무엇이 바뀌는지 신경쓰지 않아도 됩니다. 이 때 내부에서는 비교 알고리즘(diffing algorithm) 을 통해 어떤 부분을 갱신해야 하는지 파악합니다. 트리구조 비교! render() 함수는 React element 트리를 반환합니다. 트리 구조에서 차이점을 찾는 최신 알고리즘은 O(n^3)의 복잡도를 갖습니다. 즉, 1000개의 element -> 10억 번의 비교 연산 !? React는 이 대신 O(n) 복잡도의 휴리스틱 알고리즘을 구현했습니다. 휴리스틱 알고리즘(Heuristic Algorithm) : 불충분한 시간이나 정보로 인하여 합리적인 판단을 할 수 없거..

WEB/React 2022.02.28