기로그 기로그

1.메모리 1+2 컴퓨터는 위와 같은 연산이 있을 때 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀(memory cell)의 집합체이다. 각 셀은 메모리 주소를 갖는다. 이 메모리 주소는 메모리 공간의 위치를 나타낸다. 이 메모리 공간에는 2진수로 처리된 모든 데이터들(이미지,텍스트,동영상 등)이 저장된다. 예제 코드 1과 2는 메모리 상 임의의 주소에 저장되고 CPU는 이것을 읽어 연산을 수행한다. 또한 연산을 통해 생성된 값 3도 메모리 상의 임의의 위치에 저장된다. 하지만 연산 결과인 숫자 3은 현재 재사용할 수 없다.이 연산된 결과를 재사용 하고 싶다면 메모리 공간에 직접 접근하는 방법 외에는 없다. 하지만 이러한 방법은 치명적 오류를 ..

리액트를 공부하다보면 구조 분해 할당을 자주 마주칩니다. 정확한 사용법을 이해하고 쓰기 위해서 책과 자바스크립트 튜토리얼을 보며 공부한 내용을 정리하였습니다. 1.배열의 구조 분해 할당 1️⃣ES6 이전의 구조 분해 할당 구조 분해 할당은 배열 ,객체를 비구조화 하여 변수에 할당하는 것을 말한다. //ES5 var arr = [1,2,3]; var one = arr[0]; var two = arr[1]; var three = arr[2]; //ES6 const arr= [1,2,3]; const [one,two,three] = arr; 배열에 있는 요소를 변수에 저장하기 위해 ES6이전에는 각각의 요소를 추출하여 변수에 할당해 주었다. 그에 비해 ES6의 배열 구조 분해 할당은 간단하고 코드가 줄어든 것..

함수의 선언(Function delcaration) 기본적인 함수를 정의하고 호출하는 방법이다. //기본적인 선언방법 function hello(){ return 'hello'; } console.log(hello()) // hello //매개변수를 받을 수 있다. function hello(name){ return 'hello'+name; } console.log(hello('Kim')) //hello Kim //매개변수의 기본값 설정 가능 function hello(name='Kim'){ return 'hello'+name; } console.log(hello()); //hello kim 함수 표현(Function expression) 1.익명함수 이름이 없는 함수라고 해서 익명함수라고 한다. 자바스..

DOM이란? 문서를 객체화 하여 트리로 만들어 놓은 상태. 자바스크립트를 통해 접근하고 제어한다. DOM 안녕하세요 DOM입니다 Document Object Model 자바스크립튼 동적인 요소를 제어하기위해 등장했다. 이 DOM트리를 이용해서 웹페이지의 요소에 접근하고 제어 할 수 있다. 브라우저에는 웹 문서를 해석하는 엔진이 내장되어 있다. (대표적으로 구글의 V8엔진) 엔진은 코드를 위에서 한줄씩 읽어가며 해석한다. 해석이 끝나면 전체 문서를 객체화 하여, 자바스크립트로 접근 할 수 있게 해준다. 문서를 객체화 한 DOM은 트리구조를 가지고 있고, 각각의 객체를 노드 라고 한다.상위에 있는 노드를 '부모노드'라고 하고, 부모요소 하위에 있는 노드들은 '자식노드'라고 한다.이 DOM 트리 최상위 루트인..