'웹(web)/JAVAScript' 카테고리의 글 목록

[자바스크립트] 구조분해할당

구조분해할당 const user ={ name: 'Yuna', age: 26, email:'marine@gmail.com' } const {name,age,email,address} = user console.log(`사용자 이름은 ${name} 입니다`) console.log(`사용자 나이는 ${age} 입니다`) console.log(`사용자 이메일은 ${email} 입니다`) console.log(`사용자 이메일은 ${address} 입니다`) 출력 objectJS.js:54 사용자 이름은 Yuna 입니다 objectJS.js:55 사용자 나이는 26 입니다 objectJS.js:56 사용자 이메일은 marine@gmail.com 입니다 objectJS.js:57 사용자 이메일은 undefined ..

웹(web)/JAVAScript 2021. 4. 29. 15:15

[자바스크립트] Object /assign()/오브젝트 사용하기 /중복제거

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Object.assign() - JavaScript | MDN Object.assign() Object.assign() 메소드는 열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용합니다. 대상 객체를 반환합니다. Object.assign(target, ...sources) target 대상 객체. developer.mozilla.org Object Object 생성자는 주어진 값의 객체 래퍼를 생성합니다. 주어진 값이 null이거나 undefined면 빈 객체를 생성해 반환하고, 그렇지 않으면 값에 맞는 자료형의 객체를 반환합니..

웹(web)/JAVAScript 2021. 4. 29. 14:50

[자바스크립트] 타이머 함수/setTimeout/setInterval/clearTimeout/clearInterval

타이머 함수 setTimeout(함수,시간) : 일정 시간 후 함수 실행 setInterval(함수,시간) : 시간 간격 마다 함수 실행 clearTimeout() : 설정된 timeout 함수 종료 clearInterval() : 서정된 interval 함수를 종료 setTimeout(함수,시간) : 일정 시간 후 함수 실행 // 3초가 지난후에 실행 setTimeout(function () { console.log("해병코딩"); },3000) // 화살표 함수 적용 setTimeout(() => { console.log("해병코딩"); },3000) 둘다 똑같다 함수 적용 방법이 다를뿐

웹(web)/JAVAScript 2021. 4. 28. 11:37

[자바스크립트] 호이스팅 hoisting

호이스팅(hoisting) : 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상 위에서 아래로 내려 가는 프로그램 특성상 에러가 뜬다 const a= 7; double() const double = function(){ console.log(a*2); } 호출을 함수정의부 위에서 했는데도 출력 된다 const a = 7; double() function double(){ console.log(a*2); }

웹(web)/JAVAScript 2021. 4. 28. 11:08

[자바스크립트] 즉시 실행 함수

//일반 함수 꼴 const a = 7 // 함수 정의 function double() { console.log(a*2); } //함수 호출 double() 출력값 : 14 즉시 함수 () 괄호 싸면 그 자체가 함수가 된다. 함수 호출을 하지 않아도 된다 1.방법 // 괄호 안에 있으면 함수다 즉시 실행함 (function () { console.log(a*2); })() 2. 방법 (function () { console.log(a*2); }()); 출력값: 14 tip 아래 코드는 에러가 출력 된다 이유는 함수 두개가 충돌 나기 때문이다 double(); ; 세미 콜론을 찍어야한다. //즉시 실행 함수 const a = 7 function double() { console.log(a*2); } dou..

웹(web)/JAVAScript 2021. 4. 28. 10:59

[자바스크립트] 화살표 함수 표현 (arrow function expression =>

화살표 함수 자주 쓰는 함수 표현 방법이다 하지만 모르면 그저 화살표 일 뿐 이번에 확실히 화살표를 뿌리를 뽑자 화살표 함수 표현은 function 표현에 비해 구문이 짧고 자신의 this,argument,super 또는 new ,trarget을 바인딩 하지 않습니다 . 화살표 함수는 항상 익명 입니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적합합니다. 그래서 생성자로서 사용할 수 없습니다. (param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression // 다음과 동일함: => { return expression; } // 매개변수가 하나뿐인 경우 괄호는 선택사항: (singleParam) => { ..

웹(web)/JAVAScript 2021. 4. 28. 10:50

[자바스크립트] 기초 함수 / arguments

함수 사용 이유 여러번 반복적으로 사용하기 위해서 사용한다 (재사용성용의) function sum(x,y)//파리미타 { console.log(x+y); } sum(1,3) // 매개변수 function sum(x,y) { console.log(x+y); } // 담았다가 호출 하는걸 권장 const a = sum(1,3) const b = sum(12,30) console.log(a); console.log(b); console.log(sum(1,3) + sum(12,30)); sum(1,3) 매개 변수가 몇개가 들어오던지 처리 하고 싶을때 arguments 를 이용하여 매개변수 지정 function sum() { console.log(arguments); return arguments[0] } con..

웹(web)/JAVAScript 2021. 4. 28. 10:35

[JS]자바스크립트 문법 / 변수 유효범위

변수 유효 범위 //변수 유효범위 //let / const - 블럭 레벨 function scope() { if (true) { const a = 123 console.log(a) }//if end }//fun end scope() 함수 라벨 범위 함수 밖에서도 값이 없다 에러만 발생 console.log(a) function scope() { if (true) { var a = 123 }//if end }//fun end

웹(web)/JAVAScript 2021. 4. 28. 09:58

[JS] 자바 스크립트 예약어

예약어: 특별한 의미를 가지고 있어, 변수나 함수명 등등으로 사용 할 수 없는 단어. This if break ture

웹(web)/JAVAScript 2021. 4. 26. 15:37

해병 코딩

웹(web)/JAVAScript → (9)건