haileyjpark

과제 프로젝트를 진행하면서, callback과 promise의 개념은 한번씩만 읽어 보고 계속 async/await 를 사용해왔다. async 함수에서는 await를 걸어 ‘기다려!’라고 표시해주어서 작업이 끝나면 그것을 반환해주고 다음 작업을 실행하는 것으로, 비동기 코드를 동기처럼 보이게 하는 것이라고 이해하고 사용했었다. 비동기와 callback, promist, async/await를 명확하게 이해하지 못한 채로 사용하다보니, 정말 너무 바보같은 의문에 빠지게 되었다. 너무 바보같은 의문이라서 부끄러웠기 때문에 다른 주제로 글을 쓰고 싶었지만 (이틀 동안 자괴감의 늪에 빠져 헤어나오지 못했다는 정현 인턴의 슬픈 전설...) 그래도 이번에 비동기를 좀 더 이해하게 된 것 같아서 공유해보려고 한다! ..

모듈화란 모듈이란 프로그램을 구성하는 시스템을 기능 단위로 독립적인 부분으로 분리한 것이다. 단순히 규모가 큰 것을 작게 나눈 조각이 아니라, 하나 이상의 논리적인 기능을 수행하기 위한 명령어들의 집합이라고 할 수도 있다. 모듈의 특징 모듈은 독립적인 프로그램 그 자체일 수도 있고, 함수나 메서드일 수도 있다. 모듈이 되려면 다른 것들과 구분될 수 있는 독립적인 기능을 가져야 하고, 유일한 이름을 사용해야 한다. 다른 프로그램이나 다른 모듈에서 호출하여 사용할 수도 있어야 한다. 모듈 자체로서 재사용될 수 있고 독립적으로 컴파일이 가능해야 한다. 모듈은 다양한 형태로 존재할 수 있는데, 용도가 비슷한 함수나 추상화된 자료, 객체, 메서드 등이 이에 해당한다. 모듈화의 장점 프로그램의 복잡도가 줄어들고 이..

버전별 문법의 차이 ES5(2009) Array helpers (forEach, map, filter, reduce, some, every와 같은 메서드) 지원 Object에 대한 getter / setter 지원 자바스크립트 strict 모드 지원 JSON 지원 (과거 XML 사용) ES 2015 (ES6) let, const 키워드 추가 iterator / generator 추가 ES Modules (import / export) 추가 (node에서는 현재까지 미지원) Promise 지원 Template strings: 백틱으로 처리된 문자열 Fat arrow function: () => {} 형태의 함수 정의 Enhanced object literals: 객체 멤버의 key/value가 동일하면 축..

Script언어란? 스크립트 언어는 연극 용어 script에서 따온 말이다. 프로그래밍의 스크립트 언어는 인터프리터 방식에 사용하기 위해 나온 것으로, 기존에 이미 존재하는 소프트웨어를 제어하기 위한 용도로 쓰이는 언어이다. 연극에서의 스크립트가 극 안의 상황에서 배우가 어떻게 행동할 것인지 지시해놓은 것처럼, 스크립트 언어도 소프트웨어를 어떻게 실행할 지 제어한다. (새로운 프로그램을 만들기보다는 기존의 프로그램을 제어하기 위해 쓰인다) 일반적으로 스크립트 언어는 매우 빠르게 작성된 코드를 실행하기 위해 고안되었으며, 상대적으로 단순한 구문과 의미를 내포한다. 컴파일 언어? 인터프리터 언어? - Build 방식에 따른 분류 개발자가 만든 소스코드를 기계어(machine code)로 번역하여 실행 가능한..