학습할때 과거, 역사를 아는 것은 굉장히 중요하다. 역사를 모른다면 왜 현재의 Javascript 를 사용하게 되었는지 알 수 없다. Javascript 가 왜 이렇게 발전했고 변화했는지 알아보고자 한다. Javascript 의 등장 (1995~1997) 1990 년대 초중반은 인터넷의 중요한 시기였다. 넷스케이프와 마이크로소프트와 같은 큰 기업들은 브라우저 전쟁을 벌이고 있었다. 이때 사용자들은 동적이고 상호작용적인 웹 페이지를 원하게 되었다. 1995 년에 브랜던 아이크가 브라우저에서 사용할 수 있는 정말 간단한 스크립트 언어를 개발했다. 원래 이름은 mocha 였지만 이를 넷스케이프 커뮤니케이션즈에서 LiveScript 로 릴리즈했고, 1997년 넷스케이프 2.0 에서 Javascript 로 이름이..

이번주에 알게된것 1. 포트란 무엇인가? https://muyeon95.tistory.com/177 PORT [ TIL ] [ TCP/IP ] Problem 생활코딩 node 책의 쿼리스트링 부분을 보면서 의문이 들었다. 그래서 포트가 뭔데? 라는 질문이 떠올랐다. Try 인터넷 프로토콜 스위트에서 포트(port)는 운영 체제 통신의 종단점이다. 이 muyeon95.tistory.com 2. JS , Map 과 Prototype https://muyeon95.tistory.com/175 Map, Prototype [ TIL ] [ Javascript ] Problem 강의를 듣고 학습하던중 Map 이 어떻게 돌아가는 녀석인지 궁금해져버렸다. Try const myMap = new Map(); con..

ES6 문법 ES6 는 ECMAScript(JS 표준 규격을 정의하는 기구) 2015 를 가리키는 용어이고 JS 의 버전 중 하나이다. ES6 는 ES5 의 후속 버전이다. ES5 vs ES6 변수 선언 - ES5: var 키워드를 사용하여 변수를 선언 - ES6: let, const 키워드를 도입해 블록 스코프 변수를 선언 화살표 함수 - ES5: function 키워드를 사용하여 함수를 정의 - ES6: 화살표 => 를 사용하여 간결한 함수 표현식을 만든다. 클래스 - ES5: 프로토타입 기반 상속을 사용하여 클래스를 정의 - ES6: class 키워드를 도입하여 클래스 기반 상속을 지원 모듈 - ES5: 모듈 시스템을 기본적으로 지원하지 않는다. 주로 전역 객체를 통해 모듈을 정의 - ES6:..

// ES6 // 2015년도 이전 var // 1 let(변수), const(상수) // 2 arrow function // 3 구조분해할당 destructure // 3-1 배열의 경우 let [value1, value2] = [1, "new"]; console.log(value1); // 1 console.log(value2); // new let arr = ["value1", "value2", "value3"]; let [a, b, c, d = 1] = arr; console.log(a); // value1 console.log(b); // value2 console.log(c); // value3 console.log(d); // 초기값을 세팅 안하면 undefined 세팅하면 초기값 // 4 ..

ES6 에서 나온 Class 를 이용해서 쉽게 OOP 를 구현할 수 있다. 문법은 OOP 방식을 이용하지만 내부에서는 prototype 을 사용하며 작동한다. class Person { constructor(name, age, job) { this.name = name; this.age = age; this.job = job; } sayHello() { return `안녕 나는 ${this.name}야 정말 반가워`; } } const yeon = new Person("yeon", 29, "false"); console.log(yeon); console.log(yeon.sayHello()); - constructor 는 인스턴스의 생성과 동시에 클래스 필드의 생성과 초기화를 실행, 또 constructo..