Koa는 Express 개발팀에서 많은 부분을 제거한 좀더 가벼운 노드JS 백엔드 프레임워크입니다. 많이 빨리 공부하려고 OOP 언어로 서버를 구축하기보다는 가볍게 많은 컨셉을 이해하는 방향으로 Koa와 ReactJS, mongoDB를 이용해서 구현해나가보려고 합니다. 늘 NodeJS는 환경 세팅이 시간을 많이 걸리는 것같아서 기억할 의미로 순서를 작성...
Hoisting과 Temporal Dead Zone(TDZ)는 도대체 무엇인지 공부하쟈
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다.
-상속: Pseudoclassical Inheritance
-상속: es6 class inheritance
![[ES6] filter, map, reduce 정리](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/poburi/24e2d730-006e-11ea-a80e-d3307d721004/resize.jpeg&width=512)
환경 - VS code - ESLint - 이 문서는 유튜버 Traversy Media님의 영상을 보고 filter, map, reduce 메서드의 사용법을 익히고자 정리하였습니다. 각 요소를 테스트해서 true를 반환하면 요소를 유지하고, false를 반환하면 버립니다. callback 테스트를 통과하지 못한 배열 요소는 그냥 건너뛰며 새로운 ...
jest에서 import 구문을 쓰니 에러가 발생합니다. 레퍼런스 : BabelJS(바벨) - 제로초 블로그 더 살펴봐야할 것들 jest.config.js 각각의 필드들 살펴봐야되고요. babel에 대해서도 좀 더 살펴봐야겠어요. 틀린 내용이 있을 수 있습니다. 꼭 피드백 남겨주셔서 공유가 되길 바랍니다....
정리 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 } ~ 템플릿 / 백틱 화살...
ES6에서 바뀐 문법들을 정리해보려고 합니다. - 1. 객체가 무엇인가요? - 1-1. 객체는 관련된 데이터와 함수의 집합입니다. - 객체의 본질은 컨테이너입니다. - 컨테이너의 내용물은 시간이 지나면서 바뀔 수 있지만, 그렇다고 해서 컨테이너 자체가 바뀌는 것은 아닙니다. - 객체의 데이터는 프로퍼티(property)라고 부릅니다. 이 프...
1. 함수는 무엇인가요? - 1-1 함수는 원하는 작업을 수행하기 위해 만들어 놓은 코드 블록입니다. - 매개변수가 기본 자료형이라면 값이 함수에 전달됩니다. - 따라서 함수 내부에서 매개변수의 값을 변경하더라도 함수 밖에는 반영되지 않습니다. - 매개변수가 객체라면 객체의 주소값이 함수에 전달됩니다. - 따라서 함수 내부에서 매개변수가 가리키는...
ES6에서 바뀐 문법들을 정리해보려고 합니다. * var 키워드는 어떻게 사용되었나? let 키워드는 무엇이 바뀌었나? const 키워드는 무엇이 바뀌었나?
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 함수는 이렇게 사용하는겁니다~하고 ...