본문 바로가기

프로그래밍 /JAVA SCRIPT

[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의 .. 더보기
[ES6] Spread(연산자), Rest parameter Spread, Rest parameter이터러블 오브젝트(Iterable object)의 엘리먼트를 하나씩 분리하여 전개한다. 전개한 결과를 변수에 할당하거나 호출하는 함수의 파라미터 값으로 사용할 수 있다.표현방식[…iterable]변수 앞에 ‘…’을 찍어서 선언합니다.Array Spreadlet test = [1,2]; let post = [8,9]; let spread = [0,...test,3,4,5,6,7,...post]; ​ console.log(spread); //[0,1,2,3,4,5,6,7,8,9];String Spreadlet sSpread =[..."JAVASCIRPT"] console.log(sSpread); //[ 'J','A','V','A','S','C','I','R','P','.. 더보기
[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] .. 더보기
[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.. 더보기
[JavaScript] 자바스크립트 타입 및 연산자 참고 자료 : 인사이트 자바스크립트 자바스크립트의 데이터 타입은 크게 기본 타입과 참조 타입으로 나뉜다.기본 타입(숫자, 문자열, 불린값, null, undefined) : 기본 타입 자체가 하나의 값을 나타낸다.참조 타입 : 기본 타입 5가지를 제외한 모든 값은 객체이며, 이 객체들은 자바스크립트에서 참조 타입이라고 부른다. 객체의 모든 연산이 실제 값이 아닌 참조 값으로 처리되기 때문이다. 자바스크립트에서 객체는 단순히 '이름(key):값(value)'형태의 속성(property)들을 저장하는 공간(container)으로서, 컴퓨터 과학의 해시(Hash)라는 자료구조와 상당히 유사하다. 기본 타입은 하나의 값만을 가지는 것에 비해, 참조 타입인 객체는 여러 개의 프로퍼티를 포함할 수 있으며 이러한 프.. 더보기
[Jquery] 요약 메서드 Jquery 메서드 기본 필터 선택자 filter().odd :홀수 번째에 위치한 객체.even : 짝 번째에 위치한 객체.first :첫번째에 위치한 객체.last :마지막 번째에 위치한 객체.eq(i) :I 번째에 위치한 객체 함수 필터 선택자eq(n) : n번째 위치 객체gt(n) : n번째 초과 위치에 객체It(n) : n번째 미만에 위치하고 있는 객체has(h1) : h1 태그를 가지고 있는 객체not : 일치 하지 않는것 nth-child(3n) : 3N인 객체hidden : hiddenvisible : visible 배열 $each(array,function(index, item){}); -> 배열 함수 (인덱스 , 값). 배열 갯수만큼 실행 $(selector).each(array,func.. 더보기
[JQUERY] 이벤트 글자 제한 글자 제한 이벤트 KEYUP 이벤트 $(document).ready(function(event){ $('textarea').keyup(function(){ var inputLength = $(this).val().length; var remain = 150 - inputLength; // 글자 수에 따라 서 줄어듬 $('h1').html(remain); if(remain 더보기
[JavaScript] 빙고게임 판 DOCTYPE html> Document /* .bingo{ border: 1px; width:100px; } */ div{ width: 100px; height: 100px; border: 5px; /* display: inline-table; */ display: inline-flex; /* display: inline-block; */ text-align: center; line-height: 100px;} var arr = new Array(25); //1,2,3,4,5,6,7,8,9,...25// for(var i=0;i 더보기

티스토리툴바