개발하는 녹차

최근 프로젝트를 진행하면서, '번들러'라는 개념이 나와 이 김에 관련된 Module에 대해 공부하려고 해당 블로그 글을 작성하였다. 기존에 이런 모듈에 대한 개념을 제대로 모르고 프론트엔드 개발을 진행한 내 자신이 조금은 부끄럽지만, 지금이라도 완벽하게 이해하고 넘어가보려 한다.자바스크립트의 모듈 시스템초기의 자바스크립트 프로그램은 규모 자체가 크지 않아, 대부분의 스크립트들이 독립적으로 수행되었다. 하지만, 현재 사용되는 것들을 보면 규모가 말도 안 되게 커졌다. 시간이 지남에 따라 어플리케이션 규모가 커지고 스크립트 파일이 나눠지면서 원하는 것만 갖고 올 수 있는 모듈 분할이 필요하게 되었다. 이렇게 모듈 시스템이 나타나게 되었다.모듈 시스템이란 플러그인 파일이나 잘게 쪼개져있는 JS 코드 조각들을 ..

산술 연산자타입스크립트는 자바스크립트와 동일한 산술 연산자를 지원한다. 산술 연산자의 종류로는 사칙연산과 나머지를 구하는 %, 그리고 지수 연산자 **가 있다. 단, 지수 연산은 ES7의 문법이기에 이전 버전으로 컴파일 하게 되면 MATH.pow() 메소드로 변환된다. 자바스크립트의 산술 연산의 특징으로는 암묵적 타입 변환을 통한 산술 연산이 있다.1 + "people";true + 2;"2" + ture;10 / "5"; 위와 같은 서로 다른 타입 간의 산술 연산을 실행하게 되면, 자바스크립트는 암묵적으로 피연산자의 타입을 바꿔서 계산을 진행한다. 하지만, 타입스크립트에서는 허용되지 않는다. 서로 다른 피연산자들 간의 산술 연산 시에 타입스크립트가 오류를 던져 암묵적인 타입 변환을 막고 연산의 안전성을..

1. 객체(Object) 자바스크립트는 객체 기반의 스크립트 언어이며 자바스크립트는 거의 모든 것이 객체로 이루어져있다. 원시 타입을 제외한 나머지 값들(함수, 배열, 정규 표현식 등)은 모두 객체이다. 자바스크립트의 객체는 키(key)와 값(value)으로 구성된 프로퍼티(Property)들의 집합이다. 프로퍼티의 값으로 자바스크립트에서 사용할 수 있는 모든 값을 사용할 수 있다. 자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다. 일급 객체란? 1. 모든 일급 객체는 변수에 담을 수 있다. 2. 모든 일급 객체는 인자(parameter)로 전달할 수 있다. 3. 모든 일급 객체는 다른 함수의 반환 값으로 반환될 수 있다. 1.1 프로퍼티 프로퍼티는 프로퍼티 키와 프로퍼티의 값으로 구성된다...