JAVASCRIPT 얕은복사와 깊은복사 🔎 기본 데이터 타입 javascript의 데이터형은 기본 데이터 타입과 참조형 데이터 타입으로 구분된다. 기본 데이터 타입은 아래와 같이 데이터를 복사하게 된다. const a = 1 const b = a b = 2 console.log(a) // 1 console.log(b) // 2 const c = 1 const d = c c = 2 console.log(c) // 2 console.log(d) // 1 🔎 얕은 복사 참조형 데이터 타입 (Array, Object)의 경우 기본형과 동일하게 데이터를 복사하게 되면 얕은 복사(참조 주소 공유)가 되어 다음과 같이 동작한다. const arr1 = ['a', 'b', 'c', 'd'] const arr2 = ar..
https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 JavaScript 2. Browser APIs browser API (or Web API)는 브라우저에게 기본으로 제공되는 API를 말한다. DOM 조작, 네트워크 통신을 요청, 클라이언트 측 저장소를 관리, 장치 미디어 스트림 검색 등을 위한 다양한 API가 있다. . DOM manipulation DOM이란 HTML 및 XML 문서를 위한 프로그래밍 인터페이스로 프로그램이 문서 구조, 스타일, 내용을 변경할 수 있도록 페이지를 나타내며 문서를 노드와 객체로 나타내 프로그래밍 언어가 페이지에 연결할 수 있도록 하는 인터페이스. /*==== Element 생성 ====*/ const..
https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 JavaScript 1. ES6+ Syntax 2015년 이후 ES6가 등장하며 큰 변화를 겪은 이후, ECMA가 발표하는 매년 새로운 자바스크립트 표준. (ES6 이후 발표된 ES 문법을 ES6+로 표기) . 용어 정리 Prototype 자바스크립트의 모든 객체는 Prototype 객체를 가지고 이 Prototype 으로부터 프로퍼티와 메소드를 상속 받는다. const obj = new Object(); // Object.prototype const arr = new Array(); // Array.prototype const date = new Date();// Date.proto..
배열관련 메소드 (Array Method) javascript에서 배열을 사용할 때 자주 사용하는 methods pop : 배열의 뒷 요소를 제거하고 그 요소를 반환 const arr = ['a', 'b', 'c']; const pop_test = arr.pop(); console.log(pop_test); // c console.log(arr); // ['a', 'b'] push : 하나 이상의 요소를 배열의 가장 마지막에 추가 const arr = ['a', 'b', 'c']; arr.push('d'); // ['a', 'b', 'c', 'd'] arr.push('e', 'f'); // ['a', 'b', 'c', 'd', 'e', 'f'] shift : 배열의 첫 요소를 제거하고 그 요소를 반환 c..
앞서 다루었던 Promise 문법이 콜백 헬을 해결하였지만, 여전히 코드가 장황합니다. Node 7.6버전(javascript ES2017)부터 지원되는async/await 문법은 Promise 코드를 한번 더 깔끔하게 줄여줍니다. ■ async/await문법 사용법 - 기존 Promise문법 - async/await 변환 함수 선언부를 일반 함수 대신 async function으로 교체한 후, 프로미스 앞에 await을 붙여주었습니다. 해당 함수는 await이 붙은 프로미스가 resolve될 때까지 대기한 후 다음 로직으로 넘어가게 됩니다. - async/await 화살표 함수 변환 앞서 배운 Promise문법과 async/await문법을 사용하여 중첩되는 콜백 함수를 간략하게 변환하였습니다. 많은 N..
