카테고리: JavaScript

자바스크립트 ES6 모듈 내보내기/불러오기 (import)

자바스크립트 개발을 하다보면 require나 import 키워드를 통해 외부 라이브러리를 불러오는 코드를 자주 보게 됩니다. require는 NodeJS에서 사용되고 있는 CommonJS 키워드이고, import는 ES6(ES2015)에서 새롭게 도입된 키워드입니다. 두 개의 키워드 모두 하나의 파일에서 다른 파일의 코드를 불러온다는 동일한 목적을 가지고

자바스크립트 CommonJS 모듈 내보내기/불러오기 (require)

자바스크립트 개발을 하다보면 require나 import 키워드를 통해 외부 라이브러리를 불러오는 코드를 자주 보게 됩니다. require는 NodeJS에서 사용되고 있는 CommonJS 키워드이고, import는 ES6(ES2015)에서 새롭게 도입된 키워드입니다. 두 개의 키워드 모두 하나의 파일에서 다른 파일의 코드를 불러온다는 동일한 목적을 가지고

자주 사용되는 NPM 커맨드 (+NPX)

백앤드 개발을 하든 프런트앤드 개발을 하든 자바스크립트 프로젝트에서 NPM(Node Package Manager)을 사용하는 것은 거의 필수가 되었습니다. 이번 포스트에서는 실무에서 자주 사용되는 NPM 커맨드들에 대해서 살펴보겠습니다. 프로젝트 생성npm init 커맨드를 사용하면 현재 디렉토리에 NPM 기반으로 프로젝트를 생성할 수 있습니다. 커맨드를

[ES2015] 기본 매개변수 (Default Parameters)

ES2015는 자바스크립트의 근간이 되는 함수에도 여러가지 변화를 가져왔습니다.이번 포스트에서는 그 중 기본 매개변수(Default Parameters)에 대해서 알아보도록 하겠습니다. 매개변수를 무시한 함수 호출다음과 같이 사용자의 아이디의 배열을 매개변수를 받아서 사용자의 상세 정보를 돌려주는 함수가 있다고 가정해봅시다. 1234function fi

[ES2015] const로 상수 선언하기

이번 포스트에서는 ES2015에서 let과 함께 자바스크립트에 추가된 const 사용법에 대해서 알아보도록 하겠습니다. let 사용법에 대해서는 아래 포스트들을 참고바라겠습니다. let으로 변수 선언하기 1 let으로 변수 선언하기 2 매직 넘버아래 코드에서 findUser 함수는 안자로 받은 id 값이 100보다 작은지 여부에 따라서 로직이 분기되어

[ES2015] let으로 변수 선언하기 2

이전 포스트에서 ES2015의 let 키워드에서 대해서 알아보았습니다.이번 포스트에서는 for 문에서 let이 어떻게 사용될 수 있는지 살펴보겠습니다. 예제 코드다음 코드는 사용자 아이디를 받아 가짜 사용자를 담든 후 콜백 함수를 호출하는 비동기 함수입니다.마치 DB 연동처럼 setTimeout 함수를 이용하여 1초의 지연을 주었습니다. 12345funct

[ES2015] let으로 변수 선언하기 1

본 포스트에서는 ES2015를 통해 자바스크립트에 추가된 let 키워드에 대해서 알아보도록 하겠습니다. 문제의 코드먼저 다음 예제 코드를 살펴보시죠. 1234567891011function findUser(id) { if (id > 0) { var successMsg = "사용자를 조회하였습니다."; console.log

[자바스크립트] var를 사용할 때 발생하는 문제들

많은 자바스크립트 강좌에서 가급적 var 대신에 let이나 const 키워드를 사용하여 변수를 선언하라고 가이드하고 있는데요. 본 포스트에서는 var의 어떤 문제점 때문에 그런건지 알아보도록 하겠습니다. 아리송한 코드먼저 다음 코드를 살펴보도록 하겠습니다.무엇이 출력이 될지 예상이 되시나요? 1234567var n = 1function test()

자바스크립트 배열 기본 사용법

배열을 사용하는 이유?3개의 과일 이름을 변수에 저장하려면 다음과 같이 3개의 변수를 사용할 것이다. 123var fruit1 = "Apple";var fruit2 = "Lemon";var fruit3 = "Coconut"; 하지만 만약에 저장한 과일 이름이 300개라면? 위와 같이 일일이 하나 하나의 변수에 저장하기 힘들 것이다.배열을 이용하면 하나의 변