codinghatso

Emmet 기본 내장 기능 활용 팁. emmet 문법 정리 div.class div#id div>ul>li 자식 div>ul+ol 형제 ul>li*5 반복 div>ul>li^ol 부모 div>(header>ul>li*2>a)+footer>p 그룹 tip1. ol>li*3 -ol 태그 안에 li태그를 3개 생성하는 기능이 있습니다. // ol>li*3 --result tip2. div.container>div.item.item${$}*10 -div태그 안에 class="container"를 부여하고 그 자식으로 div태그 안에 class="item item$(순차적 숫자)" {$(순차적 숫자)}컨텐츠를 *10 열번 생성합니다. // div.container>div.item.item${$}*10 --resu..

ECMAScript 3rd 1999 Object { key : value} 형식의 문서 JSON simplest data interchange format lightweight text-based structure easy to read key-value pairs used for serialization and transmission of data between the network the network connection independent programming language and platform 번역 간단한 데이터 교환 형식 (데이터를 주고 받을 때 가장 간단한 파일 포맷이다.) 경량 텍스트 기반 구조 (텍스트 기반의 가벼운 구조.) 읽기 쉬운 키-값 쌍 네트워크 연결 네트워크 간 데이터의 직..

indexOf() 검색 /** * Returns the index of the first occurrence of a value in an array, or -1 if it is not present. * @param searchElement The value to locate in the array. * @param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0. */ indexOf(searchElement: T, fromIndex?: number): number; indexOf: * 배열에서 값이 처음 나타나는 인덱스를 반환하거나 값이 없으면 -1을 반..

*API 관련 업로드는 lib.es5.d.ts 파일의 내용을 바탕으로 공부했습니다. *파일에는 IDE(VScode)기능으로 mac은 command키 window는 control키를 누르고 원하는 함수를 클릭하면 파일이 열립니다. toString(), toLcaleString() 문자열 /** * Returns a string representation of an array. */ toString(): string; /** * Returns a string representation of an array. The elements are converted to string using their toLocaleString methods. */ toLocaleString(): string; toString():..

/** * Objects * one of the JavaScript's data types. * a collection of related data and/or functionality. * Nearly all objects in JavaScript are instances of Object * object = {key : value}; */ // 1. Literals and properties const obj1 = {}; // 'object literal' syntax const obj2 = new Object(); //'object constructor' syntax function print(person) { console.log(person.name); console.log(person.age)..

화살표 함수는 ES6에서 새롭게 도입된 함수 표기 방법입니다. 기존 함수 표기방법은 function add(a,b){ return a+b; } 화살표 함수 표기방법은 let add = (a,b) =>a+b; 입니다. 화살표 함수는 몇 가지 간단한 표기 규칙이 있습니다. 규칙 조건 파라미터 0개- 빈괄호 () 반드시 표기 -()=>{} 1개- ()생략가능 - arg1=>{} 2개 이상- ()로 파라미터들을 감싸서 표기 -(arg1,arg2)=>{} return 구문사용 블록({}) 으로 코드를 감싼 경우 반환할 값이 있으면 반드시 return문으로 반환해야 함. 블록으로 감싼 코드에 return문이 없을 경우 "undefined"가 반환됨. 블록을 생략한 경우 "return" 또한 생략 가능

ES6에서 추가된 함수 파라미터를 확장하는 기능입니다. 가변 파라미터를 사용할 수 있도록 해 사실상 함수 파라미터를 무한대로 활용할 수 있습니다. 나머지 파라미터를 사용하면 함수의 파라미터 개수 별로 별도의 함수를 정의할 필요가 없어집니다. 함수 내부에서 가변 파라미터를 처리할 수 있도록 추가 파라미터 배열을 제공하기 때문에 가변 파라미터에 대한 대응도 가능합니다. // 함수 정의 방법 예 // 파라메터를 args 변수(배열)에 담아 함수 내부로 넘김 function restparams(...args) { console.log(args); } restparams(1, 2, 3, 4, 5, 6, 7, 8, 9); 파라미터 개수가 필수 파라미터 개수보다 작은 경우 나머지 파라미터는 빈 배열로 전달되며, 부족..

펼침 연산자는 변수명 앞에 마침표 3개를 연달아 붙여(...) 표시합니다. 펼침 연산자는 적용한 객체의 개별 속성, 요소를 펼쳐서 각각의 개별 요소, 또는 속성이 순서대로 적용되도록 합니다. 펼침 연산자는 확산 연산자, 또는 스프레드 오퍼레이터, spread syntax 등으로 부릅니다. let calc = function (x, y, ...restparams) { return ( x + y + restparams.reduce(function (sum, param) { return sum + param; }) ); }; let arr11 = [0, 1]; console.log(calc(-1, ...arr11, 2, ...[3])); // 배열로 넘어가는 인자들을 펼쳐 파라메터에 순서대로 적용함. let ..