본문 바로가기
반응형

개발132

[javascript] Promiss 예제 예제 let myPromise = new Promise( (resolve, reject) => { // async 코드 실행 //... //... // isTrue = true; // or isTrue = false; if (isTrue) { resolve("SUCCESS!!") } else { reject("FAILURE!!") } }); myPromise .then(success => { // ... }) .catch(failure => { // ... }); 2021. 1. 18.
[javascript] fetch 예제 fetch 예제 문법 fetch( url, { options } ) 예제1 - 기본 사용 fetch("https://jsonplaceholder.typicode.com/todos") .then(response => response.json()) .then(json => console.log(json)) 예제2 - 기본사용의 출력 내용 fetch("https://jsonplaceholder.typicode.com/todos/1") .then(response => response.json()) .then(json => console.log(json)) // console output { id: 1, title: "delectus aut autem", complete: true, userId:1 } 예제3 -.. 2021. 1. 18.
[javascript] Spread Operator (스프레드 연산자) 예제 사용법 myFunction(...iterableObj); 함수를 호출할때 인자값으로 사용하는 예제 function sum(x, y, z) { return x + y + z; } const numbers = [1,2,3]; console.log( sum(...numbers) ); // 6 const numbers2 = [1,2,3,4]; console.log( sum(...numbers2) ); // 6 // sum함수에서 인자값 3개만 받아서 연산하기 때문에 결과는 6 스프레드 연산자를 배열에 넣는 예제 const arr1 = [1,2]; const arr2 = [3,4]; const arr3 = [...arr1, 5, ...arr2]; console.log( arr3 ); // [1,2,5,3,4] 문.. 2021. 1. 18.
[javascript] Closures 예제 Closures 예제 함수와 함수 밖의 변수 접근 let outsideVariable = true; const myFunction = () => { // 함수 밖의 모든 데이터 접근 가능 // outsideVariable 변수 접근 가능 } 함수와 함수 밖의 글로벌 변수 접근 예제 const a = 3; //===Global Scope //=== function add() { //--- Function Scope //=== console.log( a + a ); // 6 //--- //=== } //--- //=== //=== add(); //=== 함수에서 함수 밖의 글로벌 변수값에 접근 let counter = 0; function add() { counter++; } add(); // counter.. 2021. 1. 18.
[javascript] 원하는 범위의 Random Number 생성 원하는 범위의 Random Number 생성 (5~15 사이의 숫자만 랜덤하게 나온다.) const randomNumber = (min, max) => { return Math.floor(Math.random() * (max - min + 1)) + min; }; console.log(randomNumber(5,15)); 2021. 1. 18.
[javascript] 웹사이트에 유용한 자바스크립트 함수 1. 변수 URL에 절대 URL을 구할 필요가 있을 경우 아래 javascript 함수를 이용하면 쉽게 구하고 뒤에 주소도 붙여서 유용하다. var getAbsoluteUrl = (function() { var a; return function(url) { if(!a) a = document.createElement('a'); a.href = url; return a.href; }; })(); // 사용법 getAbsoluteUrl('/something.do'); // 현재 접속중인절대경로 URL/something.do // 본 블로그에서 실행했을 경우 -> https://kisspa.tistory.com/something.do 2021. 1. 18.
반응형

티스토리툴바