JavaScript/Youtube9 JavaScript/Youtube_sort() 기존의 array를 바꾸는 것이 아니라 새로운 array를 return한다. filter, map - 새로운 array를 만든다. fill, sort - 존재하는 array에 act on한다. reduce - 특별한 케이스 기본 사용법 - 알파벳 순서로 정렬하기: sort() 기본에 더해서 - sort() 메소드는 compare function을 take in해서 나만의 logic에 따라서 element들을 정렬할 수 있게 해준다. object들(name, age)이 들어있는 people array를 정렬해보자. 아래에서 a와 b는 people object 중 두 개를 의미한다. - 만약 이 함수가 (-) 값을 return한다면 a 다음에 b가 온다. - 만약 이 함수가 (+) 값을 return한다면 b.. 2020. 7. 1. JavaScript/Traversy Media - ES6 3. Let and Const Declaration let - block level scopes를 가질 수 있다. = global scope에서 변수를 선언한 후에, loop나 if문 안에서 똑같은 변수를 선언한다면, 둘은 완전히 다른 변수가 된다. "use strict" var를 썼을 때, 7행에서 변수 a를 global scope로 30으로 set했다. if문 안에서 변수 a를 50으로 set했다. let을 썼을 때, 18행이 16행을 change하지 않는다. const - push는 가능하지만 change는 불가능 4. Classes and Inheritance constructor - class가 instantiate될 때 (= object가 create될 때) run하는 메소드 - paramet.. 2020. 6. 23. JavaScript/Traversy Media - ES6 - 1. Introduction, 2. Compile ES6 With Babel 1. Introduction 2. Compile ES6 With Babel node.js 설치 babel 사이트에서 workspace에 ES6 폴더를 만들고 ※ ES6가 아니라 최신으로 해야할듯 그 폴더에 대고 shift+우클릭 또는 그냥 우클릭을 해서 power shell이나 git bash를 연다. npm init ※ 여기서는 붙여넣기가 Ctrl+v가 아니라 Shift+Insert이다. 뭐라고 뭐라고 나오는데 다 엔터 친다. VS code로 ES6 폴더를 열면 package.json 파일이 있다. (1) Babel CLI를 설치 (2) Babel preset for ES6 2015를 설치 git bash에서 npm install babel-cli babel-preset-es2015 --save-dev.. 2020. 6. 23. JavaScript/Traversy Media - Higher Order Functions & Arrays Higher Order Arrays Methods를 배우고 (forEach, filter, map, sort, reduce) ES6 arrow function을 이용해서 더 짧고 elegant하게 write하는 방법을 알아보겠다. 두 개의 array가 있다. 1) companies - name, category, start, end date를 가진 object들이 들어있다. 2) age - 숫자들 1. forEach - for loop와 비교 (1) for loop (2) forEach companies.forEach 뒤에 callback 함수를 취한다. (asynchronous가 아니라 synchronous callback이다.) 이것은 세 가지를 take in(pass in)할 수 있다. ① iter.. 2020. 6. 22. JavaScript/freeCodeCamp - Full Course for Beginners youtu.be/PkZNo7MFNFg 6/14~6/16 엘리의 드림코딩은 중급자용이어서 (취미로 코딩을 배우는 사람들을 위해서 최소한으로 가르치려고 노력하는) 생활코딩만 들은 상태에서 이것을 듣는 것은 비효율적이라고 판단되어 유튜브 초급 강의를 들었다. 앞부분은 쉬웠는데 PART 2: ES6는 PART1을 이해하고 듣는 것이 좋을 것 같아서 10분의 강의가 남았지만 복습을 시작하기로 했다. 필기 내용을 블로그에 올려도 되는지 문의했는데 답변이 없어서 비공개로 해두었다. PART 1: BASIC JAVASCRIPT ⌨️ (0:01:24) 1. Running JavaScript ⌨️ (0:04:23) 2. Comment Your JavaScript Code ⌨️ (0:05:56) 3. Declare Java.. 2020. 6. 16. 이전 1 2 다음
