전체태그 보기

#ES6 (35개의 포스트)

poburi
map() map()이 하는 것은 렌더링이야. 배열의 각 아이템에서 함수를 실행한 그 결과값을 배열로 리턴해줘. 기존 friends라는 변수에는 배열 형태의 친구 5명이 있어. 내 친구들 이름 옆에 💖이모지를 넣어보자. 아! 수정할게 있네. image element에는 alt prop가 반드시 있어야해.
pop8682
정리 name description -- babel es5 - es6 .babelrc configuration + compiler @babel/core es5 - es6 @babel/preset-react react preset @babel/preset-env browser compiler babel-loader - webpack build ...
decody

ES6의 map, filter, reduce 정리

2019년 9월 14일0개의 댓글
일반적인 Loop 구문 ~js // for var arr = [3, 9, 4, 2, 7, 6] var newarr = [] for (var i = 0; i arr.length; i++) { if (arr[i] % 2 === 0) {// 2의 배수 newarr.push(arr[i]) } } console.log(newarr) // 4, 2, 6 // f...
decody

ES6 문법 빠르게 정리

2019년 9월 10일0개의 댓글
const/let 블록 스코프 var의 변수스코프는 function단위, const/let은 block 단위, const는 상수, let는 변수 ~js function foo() { let a = 1 if (true) { let a = 2 console.log(a)// 2 } console.log(a)// 1 } ~ 템플릿 / 백틱 화살...
ES6 문법 맛보기 - 객체(object)와 클래스(class)
parksj3205
ES6에서 바뀐 문법들을 정리해보려고 합니다. - 1. 객체가 무엇인가요? - 1-1. 객체는 관련된 데이터와 함수의 집합입니다. - 객체의 본질은 컨테이너입니다. - 컨테이너의 내용물은 시간이 지나면서 바뀔 수 있지만, 그렇다고 해서 컨테이너 자체가 바뀌는 것은 아닙니다. - 객체의 데이터는 프로퍼티(property)라고 부릅니다. 이 프...
ES6 문법 맛보기 - 화살표 함수(arrow function)
parksj3205
1. 함수는 무엇인가요? - 1-1 함수는 원하는 작업을 수행하기 위해 만들어 놓은 코드 블록입니다. - 매개변수가 기본 자료형이라면 값이 함수에 전달됩니다. - 따라서 함수 내부에서 매개변수의 값을 변경하더라도 함수 밖에는 반영되지 않습니다. - 매개변수가 객체라면 객체의 주소값이 함수에 전달됩니다. - 따라서 함수 내부에서 매개변수가 가리키는...
ES6 문법 맛보기 - let, const
parksj3205

ES6 문법 맛보기 - let, const

2019년 8월 27일0개의 댓글
ES6에서 바뀐 문법들을 정리해보려고 합니다. * var 키워드는 어떻게 사용되었나? let 키워드는 무엇이 바뀌었나? const 키워드는 무엇이 바뀌었나?
lesh
styled-component scss도, less도 스타일 파일이 분리되어 있는게 난잡하고 불편하다고 느껴질 시점에 styled-component를 접하게 되었다. styled-component는 클래스에 비해서 작명하기도 간단했고, 한 파일안에서 전부 처리할 수 있다는 장점이 너무 마음에 들어 진행하던 리액트 프로젝트에 바로 styled-componen...
ki_blank

JavaScript - var 와 let, const

2019년 8월 8일0개의 댓글
(초등학생도 알아들을 수 있도록 설명을 하자.) ES6문법이 사용되기 전에는 "var"을 사용했습니다. ES6문법이 사용되면서 변수를 선언할 때 var, let, const를 사용합니다.var를 사용했을 때와 let, const를 사용했을 때 차이가 있습니다. 1. 변수선언, 할당 - - var는 변수 선언할 때 사용한 이름으로 다시 선언할 수 ...
alchemist718
어제까지 ES6를 이용한 클래스를 생성하여 정리를 하였다면, 이제는 배운 클래스를 조잡하지만 적용 해 보는 단계를 가지려고 한다. 그리하여 Enemy Rain이라는 간단한 게임(게임이라고 하기엔 너무 구현이 허접하긴 하다.)을 만들어 보기로 하였다. 조건은 아래와 같다. 1. 히어로를 가운데에서 시작하도록. 2. 히어로에 좌우로 key event 3. 바...
alchemist718

TIL - Day6: ES6-Class

2019년 8월 3일0개의 댓글
오늘부터 class에 대해서 복습을 하게 되었다. 정확히는 간단한 게임을 구현하기 위해서 class 생성자를 적극 활용해야 한다는 미션을 받았다. 이전에 알고리즘 문제나 간단한 웹 작동을 위한 DOM 조작 정도만 구현 했기 때문에, 클래스에 대해서는 사실 기본적인 개념 외에는 전무 하다고 보아도 무방했다. 그래서 이번 과제는 시작하기 이전에 개념부터 차근차...
geonhwi

코드스테이츠 6주차 #2

2019년 6월 12일0개의 댓글
Checkpoint1 Slack에 CheckPoint1 이라는 과제가 올라왔다...! 마지막 문제를 빼고는 어려운 편이 아니었지만...? 고차함수를 활용하는 연습용으로 삼아서...해결해보았다!👏🏻 - - - 1. billTotal 뭐 단순하게...팁 15%, 세금 9.5% 더해주면 된다고 한다 :) - - -
geonhwi

코드스테이츠 6주차

2019년 6월 10일0개의 댓글
ES6+ (Grammer) ES6 문법을 기준으로 작성합니다...! 👨🏻‍💻 기본적인 사용법보다는 응용 위주로 다룹니다. Keyword : high-order funcion, ES6+ 0. 시작 JS파일을 생성하고, 귀찮은console.log는 줄여준다 :) - - - 👏🏻 👏🏻 👏🏻
apricotsoul
들어가며 destructing assignment 가 ES6 에 추가되었다는데..JS를 시작한지 얼마안된 사람들은 도대체 그 기능을 어디다 써야 하는지 알수가 없다. 사실 대다수의 새로운 기술은 다량의 삽질과 고통을 줄이기 위해 탄생되었다. 그래서 어떤 기술에 대한 이해를 위해 일정량의 고통이 필요하다.나 같은 초보자의 경우 기술이 없었다면 있었을 고통...
geonhwi

코드스테이츠 5주차

2019년 5월 29일0개의 댓글
5주차 총 정리 5주차 즈음되서 과제를 4개나 끝내고 나니 나태해졌다...😅 총 복습을 한 번하고, 트위틀러 과제를 블로깅하기로 결정...! 꽤 잘 만든 편이니 하면서 복습도 해야겠다~ - - - 모던 자바스크립트 입문 복습은 모던자바스크립트 도서를 이용하였다 :) - - - CH01 factorial 함수는 이렇게 사용하는겁니다~하고 ...
Javascript String도 iterable 하네? 나머지 매개변수를 사용해 파싱 해보자!
victor
자바스크립트 문자열도 iterable이라서 할 수 있는 것? 나머지 매개변수를 사용해 핸드폰 번호를 파싱 해보자!
Javascript: ArrayLike 객체를 Array로 변경하기(es6)
victor
Javascript: Array Like 객체를 Array로 변경하기(es6)
The Hidden Power of ES6 Generators: Observable Async Flow Control
cadenzah
ES6 Generator + Promise = Holy Observable Grail🍷
A Simple Guide to ES6 Iterators in JavaScript with Examples
cadenzah
직접 구현하며 이해하는 ES6 Iterable와 Iterator Protocol
7 Surprising Things I Learned Writing a Fibonacci Generator in JavaScript
cadenzah
피보나치 수열 제너레이터로 알아보는 ES6 Generator