this라는 키워드 또는 함수호출을 통해 콘솔창에 출력하면 다음과 같이 window에 대한 정보가 출력된다.window는 모든 전역변수, 함수, DO을 보관하고 관리하는 전역객체이다.가장 큰 오브젝트라고 생각하면 된다. 만약 이미 만들어진 객체 속에 존재하는 this라
변수의 선언 다음과 같이 변수가 선언되었다. 이때 var키워드는 재선언이 가능하고, let,const키워드는 재선언이 불가능하다. 변수의 할당 다음과 같이 변수에 값이 할당되었다. 이때 var,let으로 만든 변수에는 재할당이 가능하고, const로 만들면
문자 중간 엔터키 입력이 가능문자 중간에 변수를 집어넣을 때 편리ES6는 tagged literals라는 함수로 문자 해체분석기능이 가능.문자 중간중간에 있는 단어 순서를 바꾸거나 변수를 제거하거나 할 때 유용. \`\`백틱 내의 문자들을 해체해서 원하는대로 다시 나열
spread operator는 '괄호를 제거해주는 연산자'이고, 함수소괄호, 오브젝트 중괄호내, 어레이 대괄호내에서 보통 사용된다.다음과 같이 어레이라는 배열 앞에 ...을 입력하면 대괄호가 제거되고 각각의 배열값이 출력된다.아래와 같이 일반적인 문자값에 ...을 입력
함수의 default 파라미터 넣기 >함수를 호출할 때 실수로 파리미터값을 적지 않을 경우가 있는데, 이때 파라미터에 기본값(default)을 줄 수 있다. 일반적으로는 더하기(1,2)과 같이 두개의 파라미터를 적어야하지만 현재 하나의 파라미터가 적혔기 때문에 a에
문자,숫자 자료형이 대표적인 primitive data type이고, pirimitive '원시적인'이라는 뜻을 가진다. 즉, 자료 자체가 변수에 저장되는 자료형태를 말한다.'john'이라는 값은 name이라는 변수에 그대로 저장되는 것이고 또한 age변수에 20이라는
Constructor(생성자) > 자바스크립트로 학생 리스트를 만들려 한다. 이때 다음과 같은 코드를 하드코딩할 경우 학생이 수백명이라면 똑같이 다 작성해야 할까? 그 수고를 덜기 위해 똑같은 틀의 오브젝트를 복사해서 찍어주는 기계가 바로 constructor이다.
만약 부모라는 객체의 내용을 가져다쓰고 싶으면 다음과 같이 생성자를 만들고, 새로운 오브젝트형으로 생성시켜줬어야 했다.하지만 ES5부터는 Object.create()라는 문법이 있다. ES6부터는 class.사용법은 쉽다. Object.create는 말그대로 객체생성이
getter / setter getter :: property를 읽을 때 동작. setter :: property의 값을 쓸 때 호출. getter 와 setter 문법을 얕게 설명하자면 오브젝트 내의 함수들을 괄호 없이 사용 가능한 키워드라고 할 수 있다. 그리고
Destructuring(구조 분해 할당)구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 표현식.하드코딩방식destructuring방식기본할당선언없는 할당디폴트값 지정 가능(값이 할당되지 않아 undefined가 출력되는 변수를 방지하여
변수,함수,class 모두 첨부 가능기본값으로 받아오는 a변수는 import 시에 새롭게 작명한 변수에 저장 가능export default는 한번만 사용가능export는 첨부하고 싶은 것에 맞게 여러번 사용 가능export시 담은 변수명은 import시에도 정확히 같은
특수한 코드들을 발견하면 약간 제쳐두고 다른 코드부터 실행만약 처리가 오래걸리는 코드(ex. ajax 요청, 이벤트리스너, setTimeout)를 실행하게 되면 stack에 쌓여서 실행하지 않고 잠깐 보류된다.(브라우저는 C++언어로 구성되어 있다. 브라우저는 실행해야
sdds
Map자료형은 매핑(mapping: 하나의 값을 다른 값으로 대응시키는 것)이 가능한 자료형으로, Object자료형과 똑같이 key, value 형태로 자료를 저장할 수 있는 자료형이다.new를 통해 전역객체에 존재하는 Map()함수를 사용하고, .set을 이용하여 다
ww
🧐 함수란 무엇인가? 자바스크립트에서 함수는 일급 객체이다.함수는 다음과 같은 일급객체의 조건을 만족한다.함수는 무명의 리터럴로 생성할 수 있다.\-> 런타임(할당 단계)에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당된다.함수를 변수나 자료구조(배열의 요
일반적으로 사용하는 리스트 순회는 다음과 같다.하지만, ES6에서는 for of, for in 문법이 나타나며 이를 이용하여 리스트 순회를 할 수 있게 되었다.for of: 주로 배열반복에 사용for in: 주로 객체반복에 사용참조 및 참고하기 좋은 사이트https&#
참조 및 참고하기 좋은 사이트https://dailymapins.tistory.com/293
go 함수는 인자를 받아 결과를 바로 산출해내는 함수로, 첫번째 인자는 시작되는 값을 받고, 나머지는 함수를 받아 첫번째 인자가 두번째 함수로 가서 결과를 만들고 그 결과가 또 세번째 함수로 가서 결과가 만들어지는 순으로 진행된다. 👉 함수를 위에서부터 아래로, 왼
숫자를 받고 순회하여 배열을 생성하는 함수를 만들었다.✅ list를 출력하면 4크기만큼의 배열이 출력되고, reduce를 통해서는 총합 6이 출력되는 것을 확인할 수 있다.제너레이터를 이용하여 순회를 하였다.✅ list를 출력하면 배열 출력이 아닌, Iterator가
map이나 filter함수가 배열이나 이터러블한 모나딕(하나의 관계를 갖는 관계 또는 함수)한 값에 내부에 있는 원소들에게 함수들을 합성해놓는 역할을 한다.반면, reduce나 take는 이터러블이나 배열 같이 안쪽에 있는 값들을 꺼내어 더하는 식으로 최종적으로 결과를
함수의 인자값으로 함수를 받아 해당 함수에 인자값을 전달하면서 로직을 수행하는 방법이다.Promise는 인자를 하나만 받는다. 이 함수에서 사용할 인자만 받고 이 함수에서 하는 일이 끝났을 때 사용할 callback 함수는 받지 않고 실제로 연산에 필요한 인자만 받는다
지연 평가 + Promise - L.map, map, take
디바운싱과 스로틀링은 애플리케이션 및 브라우저 성능을 최적화하기 위한 자바스크립트 기술이다. ✅ 필요한 기술인가?예를 들어 마우스 움직임, 스크롤링, 검색창 텍스트 입력 등에 의해 발생하는 이벤트가 있다.이런 상황에서 모두 이벤트 발생을 처리하면 다음과 같은 문제점이