태그>es6(총 22개의 글)

'es6' 관련 최근글

• es 기능별 브라우저 지원여부 확인 사이트

  링고파이  by 링고파이|01/31 09:33

  es6, broswer, javascript, es7, web

• javascript - 프록시

  링고파이  by 링고파이|01/30 17:39

  프록시란 주로 네트워크 통신에서 쓰이고 A 와 B의 통신 사이의 중간 매개체를 뜻한다. 전화 교환원과 비슷하다고 볼 수 있다. 이 때 이 교환원인 프록시는 단순한 정보 전달이 아닌 필요에 따라서 편집(?)을 할 수 있기도 하다. javascript 에서도 비슷하다, 통신사이의 중개보다..

  javascript, es6, proxy, designpattern, web

• 클로저

  링고파이  by 링고파이|01/28 18:58

  클로저를 이해하기 위해서는 자바스크립트의 스코프를 정하는 기준에 대해 알고 있어야 한다. 이걸 간단하게 외우자면, 자바스크립트는 함수! 기준으로 스코프를 재는데(var), 이는 하기 예제를 실행해 보면 알 수 있다. 1 2 3 4 5 6 7 8 9var myFnc = function(){ console.l..

  클로저, closure, javascript, frontend, web

• eslint 설정 및 간단 사용법

  링고파이  by 링고파이|01/23 09:29

  eslint는 여러 사람이 한 프로젝트를 진행 할 때 코딩 규칙증 강제할 수 있는 방법 중에 하나이다. 미리 규칙을 정의 해 두고 컴파일 시에 오류 여부를 확인할 수 있다. 그러기 위해 처음엔 npm을 통해 필요한 모듈을 설치해야 한다. npm install -g eslint eslint-config-airbnb..

  eslint, javascript, lint, es6, front-end

• 

  package.json 표기법

  링고파이  by 링고파이|01/22 18:12

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62{ "name": "reactexample", // 패키지의 나타내는 이름 중복시 ..

  npm, node, javascript, es6, frontend

• 동기 비동기 Promise, Async

  링고파이  by 링고파이|01/17 17:09

  자바스크립트는 기본적으로 동기로(등록된 순서대로) 실행한다. 즉, 예를 들어 청소랑 빨래가 있다면, 청소를 다 하고 나서 세탁기에 빨래를 돌리고 빨래를 넌다는 것이다. 그와 반대로 비동기는 세탁기에 빨래를 돌리고, 완료가 될 때 까지 청소를 하다가 완료가 되면 빨래를 널..

  es6, javascript, async, await, front-end

• Map, Set

  링고파이  by 링고파이|01/16 13:13

  맵(Map)은 key-value 쌍으로 구성된 자료구조 이다. 기존에 Object에서 쓸 수 있는 Dictionary와는 구성이 비슷하지만 다르다. 구체적인 예시를 들어보자.셋(Set)은 기본적으로 맵과 동일하나(key를 대놓고 갖진 않는데 있는거나 마찬가지임) 동일한 value를 넣는..

  Map, javascript, es6, es2015, data

• Symbol

  링고파이  by 링고파이|01/16 09:34

  1. Symbol 이란.프로그램 전체에서의 유일한 식별자를 의미한다. 그리고 한번 생성된 값은 프로그램 에서 변경할 수 없다. 그리고 명심해야 할 것이 생성하는 문법은 객체를 생성하듯이 하지만 실제 만드는 것은 '값' 이다. 그리고 이 값은 절대로 외부에 노출하지 않는다. 1 2 3 4 5 6 7 8..

  symbol, 심볼, es6, javascript, frontend

• const, let, var

  링고파이  by 링고파이|01/14 14:36

  es5에서 es6를 배우는 과정에서 처음 차이점을 배우는 것은 class 문법과 const, let, var 이다. 장황하게 설명하면서 단박에 이해하기가 어렵게 책 등지에 써져 있는것이 const, let, var 이다. 이 세개의 차이점을 아래 예제로 한번에 설명하도록 하겠다. 1 2 3 4 5 6 7 8 9 10 11 12 13..

  es6, let, const, var, javascript

• 객체를 다루는 메소드

  링고파이  by 링고파이|01/13 17:37

  1. Object.assign타깃 객체와 소스 객체를 병합한 형태의 새 객체를 내놓는 메소드. 중복은 소스객체쪽으로 집어넣어 진다. 객체의 깊은 복사가 이뤄지지 않아서 프로퍼티간의 참조가 유지된다. (얕은 복사)* 깊은 복사 방법 :: 1. Json으로 풀었다가 다시 오브젝트로 변환한다...

  javascript, object, es6, frontend, 객체

• 

  버블링, 캡쳐링

  링고파이  by 링고파이|01/13 15:38

  자바스크립트에서 이벤트의 타겟을 탐색하는 방법. 1. 버블링타겟이 담고 있는 자식 에서 타깃까지 아래에서 위로 훑는 것. 2. 캡쳐링타겟 자체에서 타겟이 담고 있는 타겟 전체를 위에서 아래까지 훑는것. 3. 방..

  javascript, 이벤트전파, 버블링, 캡쳐링, es6

• babel cli 사용하기 및 babel 이란.

  링고파이  by 링고파이|01/07 17:35

  1. 바벨이란.바벨은 es6(es2015) 이후의 문법을 기존의 es5로 변환해 주는 트랜스파일러이다. 이렇게 사용하는 것은 아직 es6를 전부 지원하지 않는 브라우저가 많기 때문이다. (HOXi.IE11? ^^) 2. 사용법.주로 webpack 이나 grunt 등의 번들러를 통해 하나의 모듈로써..

  babel, javascript, es6, babelrc, 프론트엔드

• 사용자 지정 디렉티브

  링고파이  by 링고파이|01/06 18:32

  vue 에서는 속성에다가 대표적으로 v-bind, v-show 등을 통해 템플릿 문법 처럼 동작할 수 있도록 하는게 있다. 이걸 앵귤러와 똑같이 디렉티브라고 한다. 작성방법은 EACD(?) 이렇게 네 가지가 있던 것과는 다르게 오직 어트리뷰트로만 가능하며, 등록하는 방법은 다음과..

  vue, directive, javascript, custom, es6

• es6 클래스 문법 및 덕타이핑

  링고파이  by 링고파이|2019/12/26 15:58

  1. 클래스 정의방법.타 언어에서 진입하시는 분들이 종종 헷갈려하는 경우가 있다. es6에서의 class는 사실 es5의 function과 prototype의 연장선상에 있다! (es5의 function은 사실 1) 일급객체니까! 클래스처럼 사용할 수 있다규~) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 ..

  es6, javascript, ducktyping, 덕타이핑, class

• 객체지향 개발 5대 원리

  링고파이  by 링고파이|2019/12/26 13:35

  1. SRP (단일 책임 원칙: Single Responsibility Principle)클래스는 본디 하나의 역할만을 가지며, 클래스로 인해 일어나는 변화는 그 하나의 역할을 수행하는데에 목적을 둬야 한다. 이 원리를 쓰면 코드가 자기 역할별로 작게 분할되는 형태가 되기 때문에 관리 및 유지보..

  oop, javascript, 소프트웨어공학, es6, web