들어가며 이 글은 미디움에 있는 9 Tricks for Kickass JavaScript Developers in 2019 라는 포스팅을 원작자의 허락을 받아 번역한 글입니다. 처음하는 번역이라 많은 의역과 오역이 있을 수 있습니다. 혹시 틀린 부분이 있으면 댓글로 피드백을 해주시면 정말 감사하겠습니다. --- 새해가 시작되었고, JavaScri...
JS 모듈이란 무엇인가? - JS 모듈(또는 ES Module, ECMAScript 모듈이라고 일컫는)은 자바스크립트의 중요한 새 기능, 또는 새 기능들의 통칭입니다. 이미 과거에 유저단계에서 구현된 많은 JS 모듈 시스템이 있었습니다, 예를들어 node js의 CommonJS, AMD, 그 외에 다른 걸 사용했을 지도 모릅니다. 어쨌든 모든 유저단계에서...
JavaScript Promise에 대한 자세하고 명료한 이해
Module > 모듈은 구현 세부 사항을 캡슐화하고 공개 API를 노출해 다른 코드에서 쉽게 로드하고 사용할 수 있도록 재사용 가능한 코드 조각이다.
Template String > ES6에 도입된 새로운 종류의 문자열 표기법. 따옴표문자 '," 가 아닌 백틱문자 ` `` 를 사용한다.
Arrow function > 익명함수를 화살표 형태로 간략하게 쓸 수 있는 방법 parameter가 없는 경우
React를 위한 ES6 let 기존 ES5에서는 var 키워드를 사용하여 변수를 선언하는 유일한 방법이었다. 자바스크립트는 {} 중괄호를 사용하여 코드 블록을 만들고 변수의 영역은 그 블록 안으로 한정된다. 그러나, var 키워드를 사용하면 if/else 나 for 구문등을 사용하여 코드 블록을 만들어도 변수의 영역이 제한되지 않는 경우가 있다. ...
![[Spread Operator] 배열에 특정한 인덱스의 아이템 교체](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/sonaky47/e5be6ab0-e29b-11e8-a2e5-9d94e0a85b80/maxresdefault.jpg&width=512)
사연 React로 서비스를 개발 하는 도중 state의 배열 값의 특정한 인덱스의 값을 변경해야 할 일이 생겼다. 막상 맞딱뜨리니까 뭔가 쉽지 않았다. Velopert님 React강의를 듣던 와중에 뭔가 배운거 같기는 한데 ㅎㅎ 머리를 쥐어짜다가 어느정도 감이 와서 해결하게 되었다. 전개연산자(Spread Operator)를 활용하였다. 간단한...
🌱 Background Story JavaScript는 단일 스레드 기반으로, 두 스크립트를 동시에 실행할 수 없으며 차례로 실행해야 한다. JS에서 실행될 준비가 된 코드 조각은 Job Queue(작업 대기열)에 보관된다. 코드 실행이 끝나면, 이 대기열을 관
