Closure의 개념과 예시 클로저에서 상위 함수의 변수를 참조하는것과 변수의 값을 가져오는것은 다르다.

바닐라JS로 만들어 보는 시계 어플리케이션 첫번째. 먼저, HTML에 시계를 출력할 엘리먼트를 만들고, JS로 간단하게 구현해 봅니다. Use Method Date() Date 객체를 생성하는 방법은 new연산자를 사용하는 것이 유일. - year 연도를 나타내는 정숫값. 0부터 99는 1900부터 1999로 처리합니다. 아래 예제를 참고...

여러 방식으로 풀이 할 수 있는 과제들을 블로깅 해보려 함.

svelte에서는 angular, vue, react등 수 많은 reactive 프레임워크는 진정한 reactive가 아니라고 한다. 왜냐하면 가상 돔의 존재때문인데, 변경사항을 가상 돔에 반영하고 그 이후에 진짜 돔에 반영하기 때문이다. 가상돔에 반영하고 가상돔에서 변경된 사항을 비교해서 실제 어느 돔에 반영해야 할지 결정한다. 이러한 과정들이 진짜 돔...

ArrayLike 타입에서 Array 메소드 사용

Short-Circuiting - && 는 두 연산자 모두 true면 true를 리턴, 그렇지 않으면 false를 반환한다. - `는 두 연산자가 모두 false이면 false를 리턴, 그렇지 않은 경우들엔 true를 반환한다. &&, ` operator는 항상 boolean 만 리턴하는건 아니다. 어떠한 값이던 반환할 수 있다. - &&은 첫번째 ...

Github에서 유명한 자바스크립트 면접 질문들을 정리해보고 있습니다. 원본 , 번역을 참고 하였습니다. 일반적으로 웹 사이트의 전역 스코프를 그대로 두고 건드리지 않는 것이 좋은 이유는 무엇인가요? 전역 스코프에 저장되어 있는 값들은 어디에서나, 누구나 사용 가능 하기 때문에 값을 변경하기 쉽다. 그렇기 때문에 변수 충돌이 일어나면서 에러가...

들어가며 Code Signal의BoxBlur 라는 문제를 풀었다. 문제는 아래와 같다. image 코드 시그널은 문제를 풀고 난 뒤 다른 사람의 코드를 볼 수 있다. 코드는 따봉(추천)을 많이 받은순으로 나열되고, 따봉을 많이 받은 코드는 좋은 풀이(?)라는 간접적 증거이기에 나는 그 코드를 참고해서 풀이의 의도를 훔치려는 노력을 한다. 보통은 끙끙대...

들어가며 destructing assignment 가 ES6 에 추가되었다는데..JS를 시작한지 얼마안된 사람들은 도대체 그 기능을 어디다 써야 하는지 알수가 없다. 사실 대다수의 새로운 기술은 다량의 삽질과 고통을 줄이기 위해 탄생되었다. 그래서 어떤 기술에 대한 이해를 위해 일정량의 고통이 필요하다.나 같은 초보자의 경우 기술이 없었다면 있었을 고통...

책 인사이드 자바스크립트를 읽고 정리한 내용입니다. - 함수는 일급 객체 ( 변수에 값으로 할당될 수 있고, 함수의 리턴값, 함수의 매개변수로 전달, 객체이기 때문에 동적으로 프로퍼티를 생성할 수 있음) - 기본 property : length, prototype - prototype과 [Prototype]] , proto 와의 차이 - 내부함수와 스...

책 인사이드 자바스크립트 내용을 정리한 내용입니다. 데이터 타입에서 꼭 알고 넘어가야하는 부분 1. 기본 타입, 참조(객체) 타입의 종류 및 각각의 특징 - 참조 타입의 특성 : 참조값을 저장, 함수의 매개변수로 전달할때 (call by value, call by reference) 2. 프로토타입은 어떤 의미인지? 3. 배열이란, 배열의 leng...

this 란 ? this The object that is executing the current function. 1. 함수가 어떻게 호출되냐에 따라서 this가 결정된다. 먼저 함수의 호출 패턴에 대해서 알아보자. 함수는 여러가지의 패턴으로 실행된다. - 일반 함수 실행 (Simple Function Invocation) - 함수가 obj...