웹 개발/Javascript

호이스팅(hoisting)은 JavaScript에서 변수 및 함수 선언이 코드의 맨 위로 끌어올려지는 현상을 가리킨다. 호이스팅은 코드가 실행되기 전에 JavaScript 엔진에 의해 처리된다. 1. 변수의 호이스팅 console.log(x); // undefined var x = 5; console.log(x); // 5 위 코드블럭을 살펴보면 x라는 변수는 선언과 동시에 값이 할당되고 1번째 줄의 console.log(x)는 undefined를 반환하였다. 여기서 의문을 가질 수 있다. 변수 x는 5가 아닌 undefined인데 호이스팅이 발생하지 않은 것 아닌가?? 아니다. x가 선언되지 않았다면 undefined가 아닌 아래와 같은 오류를 뱉었어야 한다. Uncaught ReferenceError..

var · 함수 스코프를 따름 함수 내에서 선언된 경우 함수 내에서만 유효 · 호이스팅(hoisting)이 발생합니다. 즉, 변수 선언을 스코프 상단으로 끌어올리는 동작이 발생 · 블록 스코프를 무시합니다. if, for, while 등의 블록 내에서 선언된 변수도 함수 스코프를 가짐 · 값을 재할당할 수 있음. let · 블록 스코프를 따름. if, for, while 등의 블록 내에서 선언된 경우 해당 블록 내에서만 유효 · 호이스팅(hoisting)은 발생하지만 선언 전에 변수를 참조하면 ReferenceError가 발생 · 값을 재할당할 수 있음. const · 블록 스코프를 따릅니다. · 변수에 할당한 값을 변경할 수 없습니다. 즉, 재할당이 불가능합니다. 하지만 객체나 배열 등의 복합 데이터 ..

1. 서론 회사 프로젝트중 웹앱을 만들어야 할 일이 생겼다. 아래 사진처럼 모바일에서 PC에서 사용하는 날짜 선택기를 사용한다면 상당히 불편하다. 그래서 좀 더 모바일 친화적인 Rolldate라는 패키지를 소개하고자 한다. 2. 사용방법 1) Rolldate github 페이지 접속 아래 링크를 통해 Rolldate의 github로 들어간다. GitHub - weijhfly/rolldate: :clock10:rolldate 多格式、功能强大的移动端日期选择插件 :clock10:rolldate 多格式、功能强大的移动端日期选择插件. Contribute to weijhfly/rolldate development by creating an account on GitHub. github.com 2) Code > Dow..

javascript에서 객체는 key , value 형식으로 이루어져 있다. 보통 example.key와 같이 key값을 직접 입력해 value 값을 알아낸다. 그런데 만약 내가 찾고자하는 key가 변수의 값으로 담겨있다면 객체의 value값을 어떻게 구해야할까?? 예시를 통해 알아보자. var example = { "apple" : 1 , "banana" : 2 }; console.log(example); > {apple: 1, banana: 2} example이라는 객체가 만들어졌다. var keyName = "banana"; keyName이라는 변수가 만들어졌다. console.log(example.keyName); > undefined 이렇게는 example의 value 값에 접근할 수 없다. c..