... 점3개로 표현되는 Spread Operator 가 나온 이유는 배열 또는 Object 복사를 손쉽게 하기 위해서다. - 모든 괄호를 없애주는 기호- 대괄호 또는 중괄호를 제거해 주는 연산자 1. 배열 합치기var a = [1,2,3];var b = [4,5];var c = [...a, ...b];c = [1,2,3,4,5] 배열은 참조가 변수에 저장되기 때문에 값을 복사하기 위해서는 실제 데이타를 복사해야 하는데, 이를 손쉽게 만들수 있다. 2. 객체 합치기const a = { name: 'kim', age: 30,}const b = { address: 'Seoul',}const c = {...a, ...b} const c = { name: 'kim', age: 30, address: 'Se..
프로그래밍/JavaScript
HTML 문서에서 최상의 객체는 window 이다. html 문서에서 위의 코드는 아래와 같다.순수 JavaScript 문서 JS 파일에서객체 생성 하기기본형식var 학생 = {}console.log(typeof 학생); 변수와 함수 추가하기var 학생 = { name: 'kim', sayHi: function () { console.log('Hi'); }} 객체에 함수를 추가하는 방식 표현 2가지 sayHi: function () { console.log('Hi'); }, sayHi() { console.log('Hi'); } 객체 찍어내기function Student(name) { this.name = name;..
reduce 메서드는 배열의 모든 요소를 단일 값으로 합치거나 누적할 때 유용합니다.reduce 는 map 함수처럼 배열의 모든 요소를 루프 돈다. 영어 단어의 뜻처럼 간단하게 줄여서라는 의미로 좀더 간단하게 처리할 수 있다. 특징은 배열 요소를 한번씩 돌때, 반환된 값을 다음 루프에서 확인 할 수 있다. 기본문법 2개의 기본 매개 변수와 2개의 추가 매개 변수(옵션)array.reduce(callback(accumulator, currentValue[, index[, array]])[, initalValue]) arrumulator : 콜백의 반환값을 누적함 -> 이전 콜백 함수의 반환값currentValue : 현재의 배열요소.index (옵션) : 배열의 인텍스값.array (옵션) : reduce..
일반적인 자바스크립트 함수function add(a) { return a;}기본문법const functionName = (parameter1, parameter2) => { // function body return someValue;}; 두 숫자를 더하는 화살표 함수const add = (a, b) => { return a + b;};console.log(add(2,3)); 단축문법 단일 표현식인 경우 중괄호{}와 return 생략 가능const add = (a,b) => a+b; 매개 변수가 하나인 경우 괄호 생략 가능const square = a => a * a; 매개 변수가 없는 경우 빈 괄호() 를 사용한다.const greet = () => console.log('Hello World!'..
// 페이지 언로드 시 스크롤 위치를 저장 window.addEventListener('beforeunload', function() { localStorage.setItem('scrollPosition', window.scrollY); }); // 페이지 로드 시 스크롤 위치를 복원 window.addEventListener('load', function() { if (localStorage.getItem('scrollPosition') !== null) { window.scrollTo(0, localStorage.getItem('scrollPosition')); localStorage.removeItem('scrol..
https://axios-http.com/kr/ Axios 브라우저와 node.js를 위한 Promise 기반 HTTP 클라이언트 라이브러리 Axios는 브라우저와 node.js를 위한 간단한 Promise 기반 HTTP 클라이언트입니다. Axios는 확장 가능한 인터페이스를 가진 작은 패키지로 axios-http.com https://velog.io/@zofqofhtltm8015/Axios-%EC%82%AC%EC%9A%A9%EB%B2%95-%EC%84%9C%EB%B2%84-%ED%86%B5%EC%8B%A0-%ED%95%B4%EB%B3%B4%EA%B8%B0 Axios란? / Axios 사용 및 서버 통신 해보기! Axios란? Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 ..
아래 3가지를 구분할 수 있는가? () [] {} 함수형태 function() { } 변수설정 var a = (5+6); var b = []; var c = {}; var my = () => { } 객체 var obj = { }; var obj = new Object(); 배열 var arr1 = []; var arr1 = new Array();
JSON 은 더블쿼테이션 " " 로 key, value 를 감싸야 한다. 단 숫자인 경우는 없어도 된다. {"name":"John", "height":175} javascript 은 key는 인용부호를 사용하지 않고 value에는 싱글쿼테이션 또는 더블쿼테이션으로 감싸야 한다. {name:"John", height:175}
JSON (javascript Object Notation) 이란? javascript 의 데이타 전송표기법 이다. 데이타를 전송하는 규격 또는 규칙 JSON 표기법 객체 = {} 배열 = [] JSON 형태의 데이타를 텍스트로 받아서 객체로 변환해서 사용할 수 방법은 JSON.parse() 함수를 사용한다. 객체나 배열을 문자열로 변환해 주는 방법은 JSON.stringify() 함수를 사용한다. JSON.stringify(value, replacer, space) value로 들어올 수 있는건 배열, 객체, 숫자, 문자 등.
- getElementById- getElementsByClassName- getElementsByTagName- getElementsByName- querySelector()- querySelectorAll getElementById("id").style.bordercolor = "red"; getElementById("id").style.cssText = "color:red;backgroud-color:yellow;"; getElementById("id").className = "css 클래스이름";
ES6 부터는 let, const 를 사용하도록 하고 있다. 기존에는 var 를 사용하였으나 앞으로는 let, const 를 사용하자. 값을 재할당 한다면 let, 재할당 안한다면 const를 사용한다.
