라이브 코딩 당시 내 심정

와 진짜 신기하다 아름답다

먼저 선언+할당된 let이냐 함수 다음에 할당만 된 변수냐The answer is: Pete.A function gets outer variables as they are now, it uses the most recent values.Old variable value

인자로 몇 개의 인자가 들어올지 모를 때!...args로 이렇게 변수를 모을 수 있다. arguemnts라는 유사 배열 객체를 이용하면 인덱스를 사용할 수 있다!\*\* 화살표 함수에서는 사용 불가능!전개 연산자는 반대로 배열을 펼칠 때 사용한다. 함수를 호출할 때 .

제곱해 주는 함수 pow다. 이제 두 가지 방식으로 pow를 만들어 보자!4 아니고 16자기 자신을 호출하고 b값, 즉 회수를 줄여간다. b가 1이 되면 실행을 종료한다. 모든 임직원의 급여 더하기 회사의 임직원을 객체로 표현했다. sales 부서의 John과 Alic

자료구조를 구성하는 요소도 자신이 속한 자료구조가 메모리에 남아있는 동안 도달 가능한 값으로 취급되어 메모리에서 삭제되지 않는다. 객체의 프로퍼티, 배열의 요소, 맵/셋을 구성하는 요소들이 이에 해당!맵에서 객체를 키로 사용한 경우, 맵이 메모리에 있는 한 객체도 메모

자바스크립트는 프로토타입 기반 언어. 클래스 언어는 상속을 사용하지만 프로토타입 기반은 어떤 객체를 원형으로 삼고 이를 복제(참조)한다. let instance = new Constructor 프로토타입의 핵심 내용어떤 생성자 함수를 new 연사자와 함께 호출하면 Co

콜백 함수란 다른 코드의 인자로 넘겨주는 함수다. setInterval을 호출할 때 두 개의 매개변수를 전달하는데 그중 첫 번째는 익명 함수, 두 번째는 300이라는 숫자. 이 코드를 조금 바꿔서setInterval이라고 하는 다른 코드에 첫 번째 인자로서 cbFunc

함수와 객체(매서드) 구분이 느슨한 자바스크립트에서 this는 이 둘을 구분하는 유일한 기능을 한다. this는 실행 컨텍스트가 생성될 때 함께 결정. 즉, this는 함수를 호출할 때 결정된다. 전역 공간에서 this는 전역 객체를 가리킨다. 전역 변수를 선언하면 자

실행할 코드에 제공할 환경 정보들을 모아 놓은 객체. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고(호이스팅), 외부 환경 정보를 구성하고, this 값을 설정한다. 동일한 환경에 있는 코드들을 실행할 때, 필요한 환경 정보들을 모

숫자, 문자열, boolean, null, undefined, ES6 이후 심볼 추가할당이나 연산시 복제된다.기본형은 값이 담긴 주솟값을 바로 복제기본형은 모두 불변값객체, 배열, 날짜, 정규표현식, ES6 이후 map, set할당이나 연산시 참조된다. 참조형은 값이

함수의 조합으로 개발하는 방식이다. 객체 지향이 객체의 조합이라면 함수형은 함수의 조합이다. 함수형의 장점은 순수 함수, 즉 인풋과 아웃풋이 동일하기 때문에 오류가 적고 모듈화 수준을 높일 수 있다!함수 안에 함수를 넣어 함수만으로 리턴값을 출력한다. \[...Arra

for문해서 i만큼 str에 더하면 될 거 같다. if가 들어가면 삼항으로 처리할 수 있는데 아직 생각이 잘 나지 않는다. 가장 깔끔한 것 같다. 빌런

나중에 테트리스를 아주 재밌게 흥미진진하게 만들 날이 오겠지? 열심히 최선을 다한다면 그런 날이 오리라 믿는다!화면은 3개의 부분이 있는데 다음 나올 블럭을 보여주는 파트, 블럭이 떨어지는 파트, 그리고 마지막 줄에 닿으면 블럭이 멈추는 파트다. html에 미리 div

https://namu.wiki/w/2048(%EA%B2%8C%EC%9E%84)2048 게임 룰은 위 링크 참고내 생각로직은 간단하다. 먼저 게임이 시작되면 board에 2 혹은 4가 랜덤으로 배정된다. 그리고 방향키를 누르면 모든 숫자가 그 방향으로 이동하며

jump-slide 로직 시작 doodle-jump 로직 > 간격으로 장난쳐서 jump하면 통나무들이 아래로 움직이고 충돌감지해서 밟으면 다시 점프한다. 점프인지 왼쪽인지 오른쪽인지 boolean과 함수를 잘 사용하자. 시작 > 먼저 플랫폼을 만든다. for

HTML, CSS JavaScript와 같은 언어들은 서버로부터 컴파일이 되어져서 실행이되는게 아니라 브라우저에서 실행이되는 언어들이다. 브라우저에서 런타임에 해석이되고 실행이 되어 진다. 따라서 브라우저가 해석을 잘하고 있는지 확인하기 위해 크롬 개발자도구와 같은 툴

화살표 함수를 쓰면 콜백에서 return 안 써도 된다!몰랐던 사실들!Object.keys()Object.keys는 키 값만 가져온다. 출처 위코드 문제Object.valuesvalues는 값만 가져온다.Object.entries키, 값으로 이루어진 이차원 배열을 리턴

출처: 마음의 고향 위키피디아스택은 한 쪽 끝에서만 자료를 넣거나 빼는 선형적 자료구조. LIFO(Last In First Out), 전문 용어로는 선입선출수도 코드스택 생성{ 비어있는 top; 비어있는 size;}스택.push(data){ data를 top에 입

DOM(돔)이란 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object) 모델이다. js가 html에 접근할 수 있는 이유는 DOM이라는 전역객체 덕분. document 객체는 DOM트리의 root node에 접근하게 해준다. getElementsByClas