전체태그 보기

#ES6 (27개의 포스트)

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
shin-jaeheon
이 글은 필요 없는 부분이 일부 있습니다. 코드를 원하시면, '함수' 항목으로 이동하세요. 1. 계기 Share Links는 반응형 바둑판 레이아웃(항목의 가로길이는 고정, 세로길이는 유동적)를 사용합니다. 한마디로 말해서 핀터레스트(Pinterest)의 레이아웃입니다. flex나 grid로 하려했으나 실패해 결국에는 자바스크립트의 힘을 빌렸습니다....
(번역) 9 Tricks for Kickass JavaScript Developers in 2019
yesdoing
들어가며 이 글은 미디움에 있는 9 Tricks for Kickass JavaScript Developers in 2019 라는 포스팅을 원작자의 허락을 받아 번역한 글입니다. 처음하는 번역이라 많은 의역과 오역이 있을 수 있습니다. 혹시 틀린 부분이 있으면 댓글로 피드백을 해주시면 정말 감사하겠습니다. - 새해가 시작되었고, JavaScript...
웹에서 자바스크립트 모듈 사용하기
widian
JS 모듈이란 무엇인가? - JS 모듈(또는 ES Module, ECMAScript 모듈이라고 일컫는)은 자바스크립트의 중요한 새 기능, 또는 새 기능들의 통칭입니다. 이미 과거에 유저단계에서 구현된 많은 JS 모듈 시스템이 있었습니다, 예를들어 node js의 CommonJS, AMD, 그 외에 다른 걸 사용했을 지도 모릅니다. 어쨌든 모든 유저단계에서...
What is a Promise?
cadenzah

What is a Promise?

2019년 1월 3일2개의 댓글
JavaScript Promise에 대한 자세하고 명료한 이해
Promise
yeomi

Promise

2018년 11월 12일4개의 댓글
Promise > 자바스크립트는의 비동기 처리에 사용되는 객체이다.
Module export/import
yeomi

Module export/import

2018년 11월 12일0개의 댓글
Module > 모듈은 구현 세부 사항을 캡슐화하고 공개 API를 노출해 다른 코드에서 쉽게 로드하고 사용할 수 있도록 재사용 가능한 코드 조각이다.
Template String
yeomi

Template String

2018년 11월 12일0개의 댓글
Template String > ES6에 도입된 새로운 종류의 문자열 표기법. 따옴표문자 '," 가 아닌 백틱문자 ` `` 를 사용한다.