[JS] ECMAScript

자바스크립트가 나온 이후 인기를 끌자, IE 말고도 다양한 브라우저들이 개별적으로 자바스크립트 문법을 만든다. 그 결과로, 각 브라우저 간 호환성을 위해 개발자들은 많은 고생하게 된다. 자바스크립트를 개발한 넷스케이프 사는 ECMA International(국제 표준화 기구)에 표준화를 요청했고, 1997년 7월에 ECMAScript가 완성된다.   ECMAScript ECM-262 기술 규격에 따라 표준화된 스크립트 언어이다.스크립트 언어는 자바스크립트, 액션 스크립트, J 스크립트 등이 있다.* 스크립트 언어: 컴파일이나 링크 단계 없이 인터프리터에 의해 바로 코드를 실행하는 언어 * 컴파일(소스코드를 0,1로 이루어진 기계어로 번역)* 링크(소스파일, 라이브러리 하나로 병합) * 인터프리터: 소스..

• format_list_bulleted Front-End/JavaScript
• · 2023. 10. 17.
• textsms

Object를 Array로 변환

Tree 형태의 Object를 하나의 Array로 변환하는 함수이다. /* 변환 전 parent : { a : a, children : [{b : b}, {c : c}] } 변환 후 [{a, a}, {b : b}, {c : c}] */ function convertObjectToArray(tree) { const list = []; function pushItem(node) { if (!node) return; node.forEach(item => { list.push(item); const childrenKeyList = Object.keys(item).filter(key => Array.isArray(item[key])); if (childrenKeyList.length > 0) { childrenK..

• format_list_bulleted Front-End/Function
• · 2023. 8. 9.
• textsms

[JS] JavaScript

자바스크립트(Javascript)는 스크립트 언어이자 프로토타입 기반의 프로그래밍 언어이다. HTML은 웹 페이지의 기본 구조를 담당하고, CSS는 디자인을 담당하며, 자바스크립트는 웹 페이지의 동작을 담당한다. 자바스크립트란 프로토타입 기반 객체지향 언어이다.자바와 혼동되는 경우가 많으나 자바는 클래스 기반 객체지향 언어이다.JavaScript와 JAVA의 공통점: 객체지향class Dog { constructor(name) { this.name = name; } bark() { console.log(`${this.name} is barking!`); }}const myDog = new Dog("Buddy");myDog.bark(); //Buddy is b..

• format_list_bulleted Front-End/JavaScript
• · 2023. 5. 31.
• textsms

파일 다운로드

1. GET으로 파일 다운로드function download(downloadUrl, filename) { const element = document.createElement('a'); element.setAttribute('href', downloadUrl); element.setAttribute('download', filename); document.body.appendChild(element); element.click(); document.body.removeChild(element);} 2. POST으로 파일 다운로드function download(downloadUrl, param, fileName) { const req = new XMLHttpRequest(); req.op..

• format_list_bulleted Front-End/Function
• · 2023. 5. 16.
• textsms