import하는 방식에는 2가지가 있다. import { promote } from './module3'; import Teacher from './module3'; import Teacher, { promote } from './module3'; {}를 가지고 객체형태로 import시키는 값들은 해당 모듈파일에서 export해준 function이나 class를 명시해준다. 하지만 Teacher처럼 해당 import값의 기본값을 설정해줄수있다. module3.js import { Person } from './module2'; export function promote() {}; // Teacher의 default값을 설정해준다. export default class Teacher extends Pers..
developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/import import - JavaScript | MDN import 정적 import 문은 다른 모듈에서 내보낸 바인딩을 가져올 때 사용합니다. 가져오는 모듈은 "use strict"의 존재 유무와 상관없이 무조건 엄격 모드입니다. HTML 안에 작성한 스크립트에서는 import developer.mozilla.org developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export export - JavaScript | MDN export export 문은 JavaScript 모듈에서 함수, 객체, 원시 값을 내보낼 때..
developer.mozilla.org/ko/docs/Glossary/IIFE IIFE - 용어 사전 | MDN IIFE 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)은 정의되자마자 즉시 실행되는 Javascript Function 를 말한다. (function () { statements })(); 이는 Self-Executing Anonymous Function 으로 알려진 디자 developer.mozilla.org IIFE는 (IIFE, Immediately Invoked Function Expression)의 약자이며 선언과 동시에 실행되는 함수를 나타낸다. 특징은 2가지 정도인데 #1. IIFE로 선언된 함수의 내부 변수는 밖에서 사용..
developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 구조 분해 할당 - JavaScript | MDN 구조 분해 할당 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. var a, b, rest; [a, b] = [10, 20]; console.log(a); console.log(b); [a, b, developer.mozilla.org Destructuring (구조 분해 할당)은 es6에 추가된 문법으로써 기존의 배열이나 객체에서 값을 할당 받을때 상황을 간편하게 처리해준다. // array const item =..
developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/eval eval() - JavaScript | MDN eval() 주의: 문자열로부터 eval()을 실행하는 것은 엄청나게 위험합니다. eval()을 사용하면 해커가 위험한 코드를 사용할 수 있습니다. 아래에 eval을 절대 사용하지 말 것!을 확인하세요. eval()은 developer.mozilla.org eval()은 문자열안에 js 코드를 입력하게 되면 문자열이 아닌 표현식으로 판단해서 값을 평가한다. 하지만 eval()의 경우는 해킹 위험때문에 사용하지말라고 하는데 MDN에서 저렇게 강조하는건 처음본다. // '2+2' console.log('2+2'); // 4 con..
developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise Promise - JavaScript | MDN Promise Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. Promise의 작동 방식과 Promise 사용 방법에 대해 알아보려면 먼저 Promise 사용 방법을 읽어 보십시오.Pro developer.mozilla.org Promise에 관한 정리 Promise는 사용이 가능한 브라우저에서 new Promise 생성자로 선언해준다. // pending phase const p = new Promise((resolve, reject) => { setTimeout(() =..
developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/concat Array.prototype.concat() - JavaScript | MDN Array.prototype.concat() concat() 메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다. 기존배열을 변경하지 않습니다. 추가된 새로운 배열을 반환합니다. The source developer.mozilla.org Array.concat은 배열의 새로운 값을 추가하고 해당 배열을 return 해준다. Array.push는 return 해주는 값은 해당 배열이 아니라 해당 값을 추가한 배열의 length값이다. const a = [..
developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function/call Function.prototype.call() - JavaScript | MDN Function.prototype.call() call() 메소드는 주어진 this 값 및 각각 전달된 인수와 함께 함수를 호출합니다. 주의: 이 함수 구문은 apply()와 거의 동일하지만, call()은 인수 목록을, 반면에 apply()는 인수 배 developer.mozilla.org call 함수는 특정 매서드를 호출할때 this값이나 기타 파라미터를 같이 전달해준다. const person = { firstName: 'Ed', lastName: 'Developer',..
developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes Object prototypes - Web 개발 학습하기 | MDN Object prototypes Javascript에서는 객체를 상속하기 위하여 프로토타입이라는 방식을 사용합니다. 본 문서에서는 프로토타입 체인이 동작하는 방식을 설명하고 이미 존재하는 생성자에 메소드를 추 developer.mozilla.org prototype 관련 내용 정리 모든 배열은 base object에 속해있는 prototype의 매서드를 상속받는다. let x = {}; let y = {}; console.log(x); console.log(y); console.log(Object.getPro..
developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/flat Array.prototype.flat() - JavaScript | MDN Array.prototype.flat() flat() 메서드는 모든 하위 배열 요소를 지정한 깊이까지 재귀적으로 이어붙인 새로운 배열을 생성합니다.const newArr = arr.flat([depth]) depth Optional 중첩 배열 구조를 평탄화할 때 사 developer.mozilla.org Array.flat은 중첩 배열을 원하는 숫자만큼 풀어서 새로운 Array를 return 해준다. 뿐만 아니라 Array내에 빈 배열이 있을경우 삭제 시켜준다. flat()내에 파라미터값..
developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/fill Array.prototype.fill() - JavaScript | MDN Array.prototype.fill() fill() 메서드는 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채웁니다. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the int developer.mozilla.org Array.fill은 특정 value로 해당 Array를 채워주는 매서드이다. 기본적으로는 1개의 파라미터로 해당값..
developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex Array.prototype.findIndex() - JavaScript | MDN Array.prototype.findIndex() findIndex() 메서드는 주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다. 만족하는 요소가 없으면 -1을 반환합니다. The source for this interactive exampl developer.mozilla.org Array.findIndex 매서드는 원하는 조건의 값의 Index값을 반환 해준다. 배열내에 값이 없을 경우 -1를 반환 해준다. // findIndex 매서드는..