이 포스팅을 이해하기 위해서는 Array.prototype.slice()에 대한 선행학습이 필요하다copyWithin()우선 설명을 읽어보자copyWithin() 메서드는 ES6에서 도입된 새 메서드이다. 배열의 일부를 얕게 복사한 뒤, 동일한 배열의 다른 위치에 덮어
자바스크립트는 왜 프로토타입을 선택했을까 - 임성묵좋은 글을 찾아서 공유하기 위해 오랜만에 블로그를 작성한다.글의 제목은 "자바스크립트는 왜 프로토타입을 선택했을까" 이지만 내용상으로는 "자바스크립트에서 프로토타입은 무엇일까?" 라는 제목이 더 맞는 것같아서 블로그의
오늘 Promise를 for loop를 이용해서
유튜브를 통해 자바스크립트에 대해 공부를 하다가, 몇 가지 팁을 얻어가지고 공유하려한다.아래와 같은 객체를 복사한다고 생각해보자대부분의 방식의 복사는 얕은 복사(shallow copy)가 되어서 characteristic이라는 배열은 같은 주소값을 바라보게 된다.쉽게
회사에서 프로젝트를 진행하면서 병원에서 의뢰한 '심박수 화면 출력'에 관련된 일을 하면서 화면에 의도하지 않은 null값이 출력되는 것을 보게되었다.코드의 예는 다음과 같다.심박수가 측정이 되지 않으면 null이 출력되라고 의도된 계산식인데, 0이라고 측정이 되면 0이
Optional Chaining(?.)은 ES2020에서 등장한 새로운 연산자이다.각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을 수 있다.옵셔널 체이닝은 예외처리에 매우 편하게 해준다.아래의 예를 살펴보자위에서 Ty
참 같은 값(Truthy) - MDNJavaScirpt에서, Truthy인 값이란 Boolean을 기대하는 문맥에서 true로 평가되는 값이다. 따로 Falsy로 정의된 값이 아니면 모두 Truthy한 값으로 평가된다.거짓 같은 값(Falsy - MDNFalsy인 값은
import 와 export 연습
한국인으로 나는 모든 일에 short cut을 찾는다.인터넷 새로고침(ctrl + r)이 귀찮아서 r키만 누르면 새로고침이 되게 chrome을 설정해 놨으니 말 다했다.그래서 어떻게 내가 만드는 사이트에 숏컷을 넣고싶을때 사용하기 위해 연습을 해봤다.소스코드 - key
자바스크립트로 알아보는 순수함수에 대한 정리
replace 두 번째 인자로 함수 사용하기
script 태그 defer 속성을 사용하는 방법
가독성을 위한 선택 - JS에서의 switch문
직접 디바운싱을 구현해보자
중첩 싫어
==와 === 그리고 Object.is 비교 (feat. 그러니까 우리들은 이중 등호를 멀리하고 삼중등호를 하는게 낫습니다.)
JavaScript의 변수 타입은 두 가지로 나누어져 있다.Primitive type(원시 자료형)Boolean, Null, Undefined, Number, BigInt, String, SymbolReference type(참조 자료형)Object원시 자료형이 할당될
모던자바스크립트 Deep Dive를 읽고 정리한 undefined와 null
JavaScript에서 typeof 연산자
JavaScript에서 Map자료형
JS의 함수와 일급객체 + 일급 함수
실행 컨텍스트 공부내용 정리
JavaScript Set 자료형 정리