이미지 슬라이드효과, 팝업 효과등을 포함한 동적인 웹사이트 제작시 사용되는 프로그래밍 언어 활용범위:IOT,하이브리드앱,서버개발변수란?:데이터를 담는 공간변수선언:데이터를 담을 공간을 생성하는것변수 초기화:생성된 변수에 데이터를 전달하는것주의점: 변수명은 숫자로 시작할
변수데이터를 담는 공간변수초기화생성된 변수에 데이터를 전달하는것데이터가 저장되는 과정let a = {name: '수연'};let b = a;b.name = '형호';a라는 변수에 주소값이 생긴다 -> 메모리에 name:'수연'이라는 key값이 저장됨먼저 a라는 변수에
예시코드위와같이 변수x가 중복으로 사용되었을때 콘솔에는 x의 값이 어떻게 찍힐까? 스코프는 참조 대상 식별자(identifier, 변수, 함수의 이름과 같이 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름)를 찾아내기 위한 규칙이다. 자바스크립트는 이 규
호이스팅이란 코드가 실행하기전 변수선언/함수선언이 해당 스코프의 최상단으로 끌어 올려진것같이 보이는 현상(실제로 끌어올려진게 아니다)자바스크립트 엔진 (v8)은 코드를 실행하기전 실행 가능한 코드를 형상화하고 구분하는 과정(\*실행 컨텍스트를 위한 과정)을 거친다.자바
document object model의 약자로 우리말로 문서 객체 모델 이다. 객체지향 모델로써 구조화된 문서를 표현하는 방식이다.Dom은 xml이나 html 문서의 프로그래밍 인터페이스로 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 문서, 구조,스타일,내용등
HTML DOM에서 정보를 저장하는 계층적 단위노드트리는 노드들의 집합으로, 노드 간의 관계를 나타낸다.자바스크립트에서는HTML DOM을 이용하여 노드트리에 포함된 모든노드에 접근 할수있다.노드트리의모든노드는서로계층적관계를맺고있습니다출처: 노드간 관계문서노드(docum
웹브라우저가알려주는HTML 요소에대한사건의발생자바스크립트는발생한이벤트에반응하여특정동작을수행할수있다.발생한이벤트의종류(폼, 키보드, 마우스, HTML DOM, Window 객체등)이벤트가발생했을때그처리를담당하는함수지정된이벤트가발생하면, 웹브라우저는그요소에등록된이벤트핸들러
getElementById(id):해당하는 id의 요소들을 가져와서 이를 나타내는 element객체를 반환하는 dom 메서드 getElementsByTagName(tag):해당하는 태그의 요소들을 가져와서 이를 나타내는 element객체를 반환하는 dom 메서드 ge
이벤트 버블링한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작합니다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작합니다.예시코드위 코드에서 p태그를 클릭시 p에할당된
기본 구조예시코드 2)그렇다면 구조분해할당을 받은 배열의 요소에 값이 없을 경우는 어떻게 될까요? 아래의 예시코드를 참고해 주세요.이런경우 기본값을 설정하여 이를 미연에 방지할수 있습니다.일부 반환값을 무시하는것도 가능합니다.자 이제 임의의 변수 a,b가 있다고 가정을
reduce함수는 첫번째 인자값에 누적값이 할당되고, 두번째 인자값에 현재값이 할당됩니다. 아래는 현실적으로 어떻게 사용되는지 예시코드입니다.리듀스함수는 비동기 작업에도 유용하게 사용된다합니다. 추후에 리듀스함수를 이용하여 비동기작업을 할경우 아래에코드를 추가 하도록
우리가 웹사이트 이용할때 검색을 하거나 화면창을 resize할때마다 이벤트가 계속 발생된다. 이는 엄청난 성능 과부하에 걸릴수 있고 디바운스와 쓰로틀링을 사용하여 이를 막을수 있다.짧은 시간내에 연속된 함수/이벤트를 호출할경우, 호출되는 모든함수를 바로처리하지않고 정해
setInterval() 매서드3초에 한번씩 안녕이라는 알림이 뜰것이다.setTimeout() 매서드animate() 매서드클래스 추가 제거 매서드요소선택 매서드
=>내부 함수가 외부 함수보다 생명 주기가 길 때 내부 함수에서 외부함수 변수를 참조하는 경우를 클로저라한다.장점함수의 실행이 끝나도 내부 변수를 유지할 수 있다.함수 안에서 closure가 만들어지면, 내부 변수가 메모리에 남아 closure에 활용됩니다.쓰는이유?정
실행컨텍스트 혹은 실행 맥락은 자바스크립트 코드가 실행되는 환경입니다. 코드에서 참조하는 변수,객체,this등의 레퍼런스가 있습니다. 실행 컨텍스트는 전역에서 시작하여 함수가 호출될때 스택에 쌓이게 됩니다. 자바스크립트가 실행될 때 전역 실행 컨텍스트(Global E
mdn에서 정의하기를 리듀스매서드 안의 콜백함수의 첫번째 인자값은 콜백의 반환값의 누적값, 두번째 인자값은 현재값으로 정의내리고, 리듀스 매서드의 두번째 값으로 초기값을 설정합니다. 보통 리듀스 함수를 사용예시를 보면 덧셈에 비유하여 많이 설명 하지만, 리듀스함수의 반
비동기, 동기라는 단어 들어보신 적 있으신가요??처음 프로그래밍 시작할 때 굉장히 어렵게만 느껴졌는데요..이번에 부트 캠프에서 비동기에 대해 배우고 나서 비동기의 개념에 대해 잊지 않기 위하여 기록하는 겸 제가 이해한 부분을 이 포스트를 보시는 분들께 알려줌으로써 도움
promise 함수란 자바스크립트 비동기 처리에 사용되는 객체입니다. promise가 태어난 기원은 XMLHttpRequest api에서부터 시작합니다. promise 사용전 이api를 사용할때 굉장히 코드가 길어지고 복잡했다고 합니다. 따라서 promise 함수가 태
쿠키는 브라우저에 저장되는 작은 크기의 문자열로 RFC 6265 명세에서 정의한 HTTP 프로토콜의 일부주로 웹서버에 의해 만들어짐서버가 HTTP 응답 헤더(header)의 Set-Cookie에 내용을 넣어 전달하면, 브라우저는 이 내용을 자체적으로 브라우저에 저장브