본문 바로가기

js

[JS] What's new in ECMAScript 2020 2020년을 맞이 하기에는 벌써 5월이 끝나고 있지만 그래도 올해 나온 ES2020 에 새로운 기능을 살펴보도록 하겠습니다. 2015년 ES6 이후로 Ecma International의 TC39에서 매년 ECMAScript의 새로운 버전을 출시합니다. ECMAScript 2020은 ECMAScript 언어 11 번째 버전입니다. ES11 또는 ES2020 이라고도 부릅니다. What? 새롭게 적용된 기능인 아래와 같습니다. globalThis Promise.allSettled Optional Chaining Operator Nullish Coalescing Dynamic Import BigInt String.prototype.matchAll globalThis globalThis는 Javascript의 .. 더보기
[Nodejs] Node Express 도입 Node js-express 도입Express.js는 Node.js의 핵심 모듈인 http와 Connect 컴포넌트를 기반으로 하는 웹 프레임워크다. 그러한 컴포넌트를 미들웨어(middleware)라고 하며, 따라서 개발자들은 특정 프로젝트에 필요한 라이브러리를 어떤것이든 자유롭게 선택할 수 있으며,이는 개발자들에게 유연함과 수준 높은 맞춤식 구성을 보장한다. 쉽게 Express는 Node.js에서 사용가능한 프레임워크 이고 Npm의 일종이다. Express 를 사용 하지 않은 codemember 조회 code// 주제: 여러 개의 요청 처리하기 - 각 요청을 함수로 분리하기 const http = require('http') const url = require('url') const mysql = re.. 더보기
[ES6] Iteration & for..of 반복문 Iteration사전적의미 -Iteration : 반복의 뜻!!! ES6에서 Iteration 프로토콜은 Iterable 프로토콜과 Iterator 프로토콜로 구성된다. Iterable (순회 가능한 자료 구조) 프로토콜은 반복 가능한 오브젝트를 나타내는 프로토콜이며 Iterator 프로토콜은 이터러블 오브젝트(Iterable 프로토콜을 따르는 오브젝트)의 값을 작성한 순서대로 처리하는 프로토콜이다.ES6에서 제공하는 빌트인 Iterablebuilt in 오브젝트들은 디폴트로 이터러블 프로토콜을 갖고 있다.오브젝트에 Symbol.iterator가 있어야 한다 Array Array.prototype[Symbol.iterator] ​ String String.prototype[Symbol.iterator] .. 더보기
[Nodejs]Node js 란? Node js란? nodejs는 서버사이드에서 실행되는 자바스크립트이다. Web Broser 작동하는 JavaScript 와 차이쉽게말하면Node 는 Javascript 런타임이다.!!JavaScript는 language & RunTime(언어가 작동하는 환경) 가르킨다.그래서 언어를 작동실해하는데 RunTime이 필요하는데nodejs > RunTime 제어하는 역할을 한다.그래서!!!둘다 JavaScript 문법 기반이지만함수는 다르게 사용한다.Nodejs는 웹브라우저에서 실행되는 것이 아니기 때문에웹브라우저에서 제공하는 window,histroy,location,navigator,screen ,document 는 사용불가!! Node 와 Web 협력 상호관계이다. Nodejs 기능을 잘 파악구별해서 .. 더보기
[ES6] Arrow-Function (화살표함수) Arrow-Function(화살표 함수) 란?자바스크립트의 람다식?(한번에 여러 작업을 처리)작업을 할 때 필요한 Runnable 객체(실행코드)를 편리하게 사용->JS에서는 익명함수를 편리하게 사용하기 위해서arrow function expression Arrow function Rule// Arrow 함수 //Parameter가 없으면 소괄호(( ))만 작성한다 // 파라미터를 선언하지 않는 경우 var f1 =()=> { console.log("헬로"); }; f1(); //////////////////////// // 파라미터가 한개인 경우 var f2 =(a)=> { console.log(a); }; f2(100); ///////////////////////////////////////// //.. 더보기
[ES6] let & const ECMAScript(ES) 란?ECMAScipt의 약자로 쉽게 말해 표준화된 스크립트 프로그래밍 언어이다. 자바스크립트는 ECMAScript를 따르며 확장 기능을 가진 스크립트라 할 수 있으며EMCA-262 기술 규격에 의해 정의된 표준화 스크립트 프로그래밍 언어 이다.!!!!!!!!자바스크립트(JavaScript)는 스크립트 언어(script language)이다자바스크립트를 해석하고 실행하는 소프트웨어는 브라우저이다.기존 자바스크립트의 변수는 기본적으로Function Scope입니다(var로 선언한 변수).변수의 유효범위가 함수단위. java는 ->Function Scope가 아닌 Block Scope 가진다.(이미 불편함에 ES6부터는 const와 let이 등장그래서-> const와 let은 Blo.. 더보기