study

패스트캠퍼스 챌린지 2일차

JavaScript의 변천사 netscape(firefox의 전신)에서 LiveScript 탄생: html을 조작하기 위한 언어 공식명칭: EcmaScript JavaScript는 Adobe의 전성기 시절에는 별 다를것 없이 있다가 Adobe가 점점 사장되는 시기에 2015년에 버전 5.0, ES2015가 나오면서 현대의 모던 자바스크립트가 되었다. ES5가 모던 자바스크립트의 가장 주도적인 버전이라고 칭하는데, 그 이유는 ES6, ES7, ES8 등으로 버전이 업그레이드 되었지만 해당 버전을 지원하지 않는 브라우저도 많기 때문에 최신 버전으로 개발하였을 때, 모든 사용자들에게 동작하는 웹앱을 만들기 어렵다. 그리하여 트랜스파일러(Babel, typescript 등)를 사용하면 높은 버전으로 개발하고 5..

2022. 1. 25. 10:07

study

패스트캠퍼스 챌린지 1일차

방대한 사전지식 => html, css, js를 배웠다고 웹앱을 만들기는 버거움 javascript 기초 ? 책 => (자바스크립트 완벽가이드, 모던 자바스크립트 Deep Dive 등) unicode, 비트, ASCII, encoding, 문자 집합 방향성: (일단 만들면서 학습 or 잘 정리된 순서대로 학습) 혼용 ! 빠르게 배워야할 것: 빠르게 변하는 기술 (프레임워크, 라이브러리, UI, UX, 디자인 패턴) 반복해 배워야할 것: 느리게 변하는 기술 (프로그래밍 언어, 프로그래밍 패러다임, 자료구조, 보안, 알고리즘) 나중에 배워야할 것: 변하지 않는 기술 (네트워크, 운영체제, 컴퓨터 시스템, 논리학, 대수학) 빠르게 배우는 것 => 피로감이 높아짐 변하지 않는 지식을 알고 있으면 상대적으로 느린..

2022. 1. 24. 10:09

JavaScript

[JavaScript] ES6 chap.3

[JavaScript] ES6 chap.3 Destructuring * Array // Array var array = [2,3,4]; var a = array[0]; var b = array[1]; var c = array[2]; // == var [a,b,c] = [2,3,4]; // default 값 var [a,b,c = 5] = [2,3]; * Object var { name : a, age : b } = { name : 'Kim', age : 30 }; // { a: 'Kim', b: 30 } // key 생략 var { name, age } = { name : 'Kim', age : 30 }; // { name: 'Kim', age: 30 } - 변수를 Object에 넣기 var name =..

2021. 12. 2. 15:59

JavaScript

[JavaScript] ES6 chap.2

[JavaScript] ES6 chap.2 default parameter & arguments - default parameter function 더하기 (a, b = 10){ // b에 default 값을 부여한다. 연산이나 함수 사용 가능 console.log(a + b) } 더하기(1); // 11 더하기(1, 3); // 4 - arguments function 함수(a,b,c){ console.log(arguments); } 함수(2,3,4); // [2, 3, 4]....arguments function 함수(a,b,c){ for(var i=0; i 기계의 name과 age를 사용할 수 있음 console.log(기계.prototype); // 내부에 prototype이라는 항목이 생성 학생..

2021. 11. 30. 17:27

JavaScript

[JavaScript] ES6 chap.1

[JavaScript] ES6 chap.1 this 1. 아무데서 쓰거나 일반 함수에서의 this는 window ** use strict ** 2. object 자료형 안의 함수에서 this값은 오브젝트 그 자체 this값: 오브젝트 객체 this값: data 객체 * window 객체 - 2번의 뜻은 1번의 뜻과 상통한다. script라는 태그 자체안에 window라는 큰 객체(object)가 있는것이다. 3. constructor(생성자) 안에서 쓰면 constructor로 새로 생성되는 오브젝트 this 값: 생성자 객체 - 함수로 사용 했을시엔 window 객체를 가리키지만 new를 통해 생성자(constructor)로 만들게 되면 해당 function의 이름으로 새로운 object 객체를 만든다..

2021. 11. 29. 14:04

JavaScript

[JavaScript] Chap.2

[JavaScript] Chap.2 반복문 - 단순 for문 사용 var = 사이즈 = [26,28,30,32,34,36]; for (var i = 0; i < 사이즈.length; i++) { var 템플릿 = `${사이즈.[i]}`; $('#option2').append(템플릿); } - foreach문 사용 var = 사이즈 = [26,28,30,32,34,36]; 사이즈.forEach(function(i){ // 6번 반복 해줌 // i 값은 사이즈 안에있는 하나하나의 데이터 var 템플릿 = `${i}`; $('#option2').append(템플릿); }); sort, filter, map - sort() * 기본 sort()는 ㄱ,ㄴ,ㄷ / a,b,c 순으로의 정렬이다. var arr = [..

2021. 11. 25. 17:50