dev42 변수 복사 과정은 어떻게 진행될까? let a ='abc' (일반형 데이터) 변수 선언 과정에서 메모리에서 어떤 일이 일어나는지 간단하게 살펴보자 1. 변수를 선언하는 순간 변수 영역에 빈공간을 확보하고 해당 공간에 식별자 a를 지정한다. 2. 데이터 영역에 빈공간을 확보하고(해당 문자열이 없다면) 문자열 'abc'를 저장한다 3.변수 영역에서 a의 식별자를 검색한 후 저장한 문자열의 데이터 주소를 a식별자 공간에 대입한다. let obj = { a: 10, b: 'aaa' } 참조형 데이터를 변수에 할당하는 과정은 약간의 차이가 있다. 여러개의 프로퍼티로 이뤄진 데이터 그룹이므로 저장하기 위해 '객체의 변수 영역'이 존재하고있다. 위에서 보듯 우리가 익히 아는 식별자 안에 데이터를 넣는게 아닌 각각 따로 저장을 한 뒤 이어주는 식으로 데.. 2023. 4. 12. DOM과접근법 ✅ DOM (Document Object Modeal) DOM 은 문서객체 모델로 HTMl의 각 요소들을 트리형태로 구성해준다. 개발자들은 JavaScript를 이용해서 이를 생성하거나 수정하거나 삭제할 수 있다. DOM을 그림으로 표현하면 아래 그림 처럼 트리형태가 된다. 하나의 객체를 '노드(node)'라고 한다. 위쪽을 부모노드 아래쪽을 자식노드라고 한다. document를 제외하고 최상단에 있는 HTML을 root node 라고 한다. document.documentElement; == HTML ✅ DOM에 접근하기 모든 HTML 태그는 객체이다. 객체는 JavaScript로 접근하고 제어할 수 있다. document.body.style 를 console에 쳤더니 body의 모든 스타일이 .. 2023. 4. 11. 조건문 ✅ 조건문 조건문은 주어진 조건식의 평가 결과에 따라 코드 블록(블록문)의 실행을 결정한다. 조건식은 Boolean 값으로 평가될 수 있는 표현식이다. 🤔 블록문이란? 0개 이상의 문을 중괄호로 묶은 것. 자바스크립트는 블록문을 하나의 실행단위로 취급 📍 if ...else 문 조건식의 평가 결과가 true일 경우 if문의 코드가 실행되고 false일 경우 else문의 코드 블록이 실행된다. let num = 10; if (num < 20) { console.log('true') } else { console.log('false') } // 중괄호 안의 코드가 한 줄이라면 중괄호 생략 가능 if(num < 20) console.log('중괄호 생략') else if 조건식을 추가하여 실행될 코드 블럭을 .. 2023. 4. 6. Object ✅ Object 객체는 여러개의 데이터를 한 변수에 저장할 수 있는 자료형이다. 객체는 {} 중괄호를 사용해 생성하고 키(key) 와 값(value)으로 구성된 프로퍼티(property)를 가지고 있으며 각 프로퍼티는 ,(쉼표)로 구분된다. 또한 key와 value는 콜론(:)으로 구분된다. const human = { name: "taehee", age: 28, from: "korea", askingShe: function () { console.log("hello world!"); }, 0: '01000000000' }; // 추가 human.gender = 'female'; human['hairColor'] = 'black'; // 접근 console.log(human.hairColor); // b.. 2023. 4. 5. 이전 1 2 3 4 5 6 ··· 11 다음
