map() map()이 하는 것은 렌더링이야. 배열의 각 아이템에서 함수를 실행한 그 결과값을 배열로 리턴해줘. 기존 friends라는 변수에는 배열 형태의 친구 5명이 있어. 내 친구들 이름 옆에 💖이모지를 넣어보자. 아! 수정할게 있네. image element에는 alt prop가 반드시 있어야해.

정리 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 ...

일반적인 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...

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 } ~ 템플릿 / 백틱 화살...

styled-component scss도, less도 스타일 파일이 분리되어 있는게 난잡하고 불편하다고 느껴질 시점에 styled-component를 접하게 되었다. styled-component는 클래스에 비해서 작명하기도 간단했고, 한 파일안에서 전부 처리할 수 있다는 장점이 너무 마음에 들어 진행하던 리액트 프로젝트에 바로 styled-componen...

(초등학생도 알아들을 수 있도록 설명을 하자.) ES6문법이 사용되기 전에는 "var"을 사용했습니다. ES6문법이 사용되면서 변수를 선언할 때 var, let, const를 사용합니다.var를 사용했을 때와 let, const를 사용했을 때 차이가 있습니다. 1. 변수선언, 할당 - - var는 변수 선언할 때 사용한 이름으로 다시 선언할 수 ...

어제까지 ES6를 이용한 클래스를 생성하여 정리를 하였다면, 이제는 배운 클래스를 조잡하지만 적용 해 보는 단계를 가지려고 한다. 그리하여 Enemy Rain이라는 간단한 게임(게임이라고 하기엔 너무 구현이 허접하긴 하다.)을 만들어 보기로 하였다. 조건은 아래와 같다. 1. 히어로를 가운데에서 시작하도록. 2. 히어로에 좌우로 key event 3. 바...

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

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

ES6+ (Grammer) ES6 문법을 기준으로 작성합니다...! 👨🏻‍💻 기본적인 사용법보다는 응용 위주로 다룹니다. Keyword : high-order funcion, ES6+ 0. 시작 JS파일을 생성하고, 귀찮은console.log는 줄여준다 :) - - - 👏🏻 👏🏻 👏🏻

들어가며 destructing assignment 가 ES6 에 추가되었다는데..JS를 시작한지 얼마안된 사람들은 도대체 그 기능을 어디다 써야 하는지 알수가 없다. 사실 대다수의 새로운 기술은 다량의 삽질과 고통을 줄이기 위해 탄생되었다. 그래서 어떤 기술에 대한 이해를 위해 일정량의 고통이 필요하다.나 같은 초보자의 경우 기술이 없었다면 있었을 고통...

5주차 총 정리 5주차 즈음되서 과제를 4개나 끝내고 나니 나태해졌다...😅 총 복습을 한 번하고, 트위틀러 과제를 블로깅하기로 결정...! 꽤 잘 만든 편이니 하면서 복습도 해야겠다~ - - - 모던 자바스크립트 입문 복습은 모던자바스크립트 도서를 이용하였다 :) - - - CH01 factorial 함수는 이렇게 사용하는겁니다~하고 ...