javascript

자바스크립트(JavaScript) - 변수

자바스크립트(JavaScript) - 변수 변수 변수란? 기억하고 싶은 값을 메모리에 저장하고 저장된 값을 읽어 들여 재사용하기 위해 쓰임. 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙이는 이름이다. 값의 위치를 가르키는 상징적인 이름. 예를 들어 1+2=3 이라는 연산을 통해 3이라는 숫자를 생성하였다. 이 생성된 3은 메모리의 임의의 위치에 저장되는데, 이 값을 다시 읽어들여 재사용할 수 있도록 값이 저장된 메모리 공간에 그 값을 상징하는 이름을 붙인 것을 변수 라고 한다. * 할당 : 변수에 값을 저장하는 것. * 참조 : 변수에 저장된 값을 읽어 들이는 것. 식별자란? 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다. 값이 아니라 ..

자바스크립트(JavaScript) - 스코프(Scope)란?

자바스크립트(JavaScript) - 스코프 스코프는 자바스크립트 뿐만 아니라 다른 프로그래밍 언어에서도 중요하게 여겨지는 개념이다. 스코프는 "식별자가 유효한 범위" 를 말하는데, 모든 식별자(변수명, 함수명, 클래스명 등)는 자신이 선언된 위치에 따라 다른 코드에서 식별자를 참조할 수 있는 유효한 범위가 정해진다. 스코프의 종류 구분 설명 스코프 변수 전역 코드 가장 바깥쪽 영역 전역 스코프 전역 변수 지역 함수 내부 지역 스코프 지역 변수 다음과 같은 코드가 있다. 이 코드의 지역코드와 전역코드를 구분해보면 다음과 같겠다. 출력은? 이와 같이 된다. 만약 numChangeIn 함수 내에 있는 var num = 100; 코드를 지운다면? 한단계 상위 스코프에 선언된 num=10이라는 값을 출력시킨다...

자바스크립트(JavaScript) - 이벤트 버블링이란?

자바스크립트(JavaScript) - 이벤트 버블링이란? 이벤트 버블링이란 무엇일까? - 어떤 하나의 요소에 이벤트가 발생하게 되면, 해당 이벤트가 동작한 뒤에 부모 요소의 이벤트 핸들러가 이어서 작동하게 되는데, 이 현상은 부모요소를 계속 거슬러 올라가 윈도우 객체를 만날때까지 진행되고, 자식요소부터 부모요소, 그 부모요소의 부모 요소 로 계속 올라가는 현상이 마치 거품이 올라가는 현상과 비슷하여 이것을 이벤트 버블링이라고 한다. 한 번 확인해보자. 다음과 같은 html 코드와 js 코드가 있다. 여기서 빨강,주황,노랑,초록,파랑 버튼을 클릭하게 되면 콘솔에 어떻게 나타날까? 이렇게 세개의 텍스트가 출력되는 것을 확인할 수 있다. 아니 item Event 가 출력되는건 이해하겠어. 근데 list Eve..