본문 바로가기
반응형

전체 글947

디버깅(Debugging)이란? 디버깅이란? 스크립트 내 에러를 검출해 제거하는 일련의 과정을 의미합니다. 모던 브라우저와 호스트 환경 대부분은 개발자 도구 안에 UI 형태로 디버깅 툴을 구비해 놓습니다. 디버깅 툴을 사용하면 디버깅이 훨씬 쉬워지고, 실행 단계마다 어떤 일이 일어나는지를 코드 단위로 추적할 수 있습니다. ‘디버깅’이라는 용어는 여러 다양한 것을 의미할 수 있지만 대부분의 경우 코드에서 버그를 제거하는 것을 의미합니다. 참고 자료 모던 자바스크립트 튜토리얼 Chrome으로 디버깅하기 ko.javascript.info 2021. 3. 2.
지역변수와 전역변수(자바스크립트, JavaScript) 변수는 유효범위에 따라 전역변수(Global Variable)와 지역변수(Local Variable)로 구분할 수 있습니다. 지역변수 지역변수는 함수 내부에서 선언된 변수로, 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수입니다. 지역 변수(local variable)는 함수 안에서만 접근할 수 있습니다. 전역변수 전역변수는 함수 외부에서 선언된 변수로, 프로그램 전체에서 접근할 수 있는 변수입니다. 전역 변수는 같은 이름을 가진 지역 변수에 의해 가려지지만 않는다면 모든 함수에서 접근할 수 있습니다. let x = 3; // 글로벌 변수, 전역 변수(Global Variable) function myFunction(){ console.log(x); } myFunction(); // 3 cons.. 2021. 2. 25.
DOM에 대해 잘 정리되어 있는 사이트들(DOM이란?) * HTML에 대한 사전지식을 가지고 DOM을 공부 하시는걸 권장드립니다. HTML을 무료로 배울 수 있는 사이트들 DOM이란? Document Object Model의 약자로 문서(Document)를 객체 모델(Object Model)로 구현한 것입니다. * 문서 객체 모델(DOM 위키백과 링크) DOM은 HTML문서의 요소를 제어하기 위해 웹 브라우저에서 처음 지원되었습니다. 이런 모든 객체는 자바스크립트를 통해 접근할 수 있고, 페이지를 조작할 때 사용합니다. 위 사진을 보면 DOM과 HTML이 엄연히 다른 것임을 알 수 있습니다. DOM에 대해 잘 정리되어 있는 사이트들 ddinggu velog(간단하지만 포인트를 정리한 블로그) 브라우저, HTML, DOM의 정의와 서로의 상관관계 DOM과 HT.. 2021. 2. 16.
자바스크립트 객체(Object) 객체란? 현실의 사물을 프로그래밍에 반영한 것 입니다. 키로 구분된 데이터 집합이나 복잡한 개체(entity)를 저장할 수 있습니다. 원시형과 다르게 다양한 데이터를 담을 수 있습니다. * 여덞가지 자료형 중 7개는 오직 하나의 데이터(문자열, 숫자 등)만 담을 수 있어'원시형(primitive type)'이라 부릅니다. 객체는 자바스크립트 거의 모든 면에 녹아있는 개념입니다. 자바스크립트를 잘 다루려면 객체를 잘 이해하고 있어야 합니다. 객체 만드는 법 중괄호 {...} 를 이용해서 만듭니다. 중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 구성된 프로퍼티(property) 를 여러 개 넣을 수 있습니다. * 키엔 문자형, 값엔 모든 자료형이 허용합니다. 빈 객체를 만드는 2가지 예시 let u.. 2021. 2. 13.