개발/JavaScript7 자바스크립트기본 - 스코프 스코프란 스코프란 현재 컨텍스트에서 접근할 수 있는 변수들의 범위를 말한다. 어떤 변수가 스코프안에 선언 되어있다면 이 변수는 스코프안에서만 접근하여 쓸수있다. var a = '글로벌'; function func() { var a = '함수안의변수'; if (1) { var a = 'if문 변수' console.log(a); //1 } console.log(a); //2 } func(); console.log(a);//3 es6이전 방식인 var 키워드로 변수를 선언하고 스코프범위를 알아보자. 1. if문안이니 'if문 변수'가 출력된다. 2. func 함수안에서 사용하니 '함수안의변수'가 출력 될거같지만 'if문 변수'가 출력된다. 3. 글로벌에 선언된변수니 '글로벌'이 출력된다. 다른언어와 같이 블록.. 2022. 7. 10. 자바스크립트기본 - Dom 이란?(Document Object Model) 문서 객체 모델(Dom) 브라우저랜더링 엔진이 HTML를 파싱하여 브라우저가 이해할 수 있는 구조로 메모리에 올리는데 이것을 DOM이라고 한다. 모든 요소를 객체로 만들고 부모자식 관계를 표현할 수 있는 트리구조로 구성한다. DOM트리는 노드로 구성된다. 루트를 제외하고 모든노드에 부모가 있으며 자식노드 있어도 되고 없어도 된다. 루트노드는 document이며 자식노드는 html요소이다. 이하 자식노드로 head, body가 있으며 body노드 아래로 여러 자식노드가 존재한다. DOM트리의 모든 노드는 Node 클래스의 인스턴스이다. 부모와 자식노드 자신을 나타내는 프로퍼티인 parentNode, childNodes, nodeName, nodeType이 있다. DOM은 자신을 변경가능할 수 있게 API를.. 2022. 7. 9. 자바스크립트기본 - 호이스팅 let js = 'javascript'; if (1) { console.log(js); //1. ReferenceError let js = 'js'; } 자바스크립트 호이스팅 호이스팅은 변수와 함수 호이스팅이 있다. 말 그대로 변수나 함수가 상단으로 끌어 올려진다는 의미이다. 변수와 함수는 여러 선언 방법이 있는데 각각 차이점이 존재하여 그 차이점을 알아본다. var 호이스팅 console.log(js); //undefined var js = 'javascript'; var js 선언 이전에 변수 참조가 가능하다. 실제 할당문이 도달전에 이미 js 변수가 선언되고 undefined로 초기화가 되어있다. 문맥 구조상 선언되지 않은 변수를 쓰는것도 가독성면에서 좋지도 않고, 이전에 참조할 수 있게 시스템에서.. 2022. 6. 29. 자바스크립트기본 - 데이터타입 자바스크립트 데이터 타입 원시타입 number Infinity NaN string null undefined boolean symbol 객체타입 object 데이터타입은 원시타입 6개 객체타입1개가 있다 Number 다른언어와 달리 float double건 없고 number 타입으로 모든숫자를 표현한다. const num = 1; const num2 = 1.1; const num3 = -1.1; const infi = 1 / 0; //무한대 const nan = 1 * {}; // Not a number 산술 연산 불가 console.log(typeof num); console.log(typeof num2); console.log(typeof num3); console.log(typeof infi); c.. 2022. 6. 28. 이전 1 2 다음 반응형