본문 바로가기

프로그래밍66

Java Script - Promise, Async, Await, 포스트맨 서버 mock server Promise - ES6에서 추가된 기능이다. 서버에서 받은 결과가 다 나올 때 까지 다음 코드 실행을 멈추고 기다리게 한다. let url = ""; let data = axios.get(url).then(function(response){ console.log(response.data); return response.data; }); let total = 0; for (let tool of data){ total += tool.price; } console.log(total); src는 axios를 사용할 수 있도록 불러오는 코드이다. https://github.com/axios/axios GitHub - axios/axios: Promise based HTTP client for the browse.. 2022. 12. 12.
Java Script - Object Destructuring, Array Destructuring Object Destructuring - ES6에서 추가된 기능이다. 구조 분해 할당으로 배열이나 객체에서 값을 분해해 쉽게 다른 변수에 사용할 수 있도록 해주는 기능이다. function student(){ return { name:"Lee", num:14, age:17, region:"Seoul" }; } let stud = student(); console.log(stud.name); let {name, age} = student(); console.log(name); console.log(age); 원래 오브젝트에서 키 값을 가져오려면 stud.name의 형태로 불러와 사용했다. 하지만 { } 사이에 키 값을 입력하고 오브젝트를 불러오면 키 값만으로 원하는 값을 불러올 수 있다. Array Des.. 2022. 12. 11.
Java Script - Spread Operator Spread operator - ES6에서 추가된 기능이다. 배열, 문자열, 객체 등을 개별 요소로 분리할 수 있다. ...을 사용해 나타낸다. let arr1 = [41, 5, 7]; let arr2 = [21, 13, 9,...arr1]; console.log(arr2); arr1 배열의 요소들을 하나씩 나눠 arr2에 추가한다. let word = "java"; let str = ['a', 'b', 'c',...word]; console.log(str); 문자열을 보면 더 확실히 알 수 있는데 ...word로 요소를 나눠 넣을 경우 결과는 ['a', 'b', 'c', 'j', 'a', 'v', 'a'] 이렇게 된다. 2022. 12. 11.
Java Script - Object Literal Syntax Extension Object literal syntax extension - ES6에서 추가된 기능이다. 오브젝트의 키 값을 동적으로 할당하기 위해 사용한다. let type = "employee"; let type2 = "department"; let spec = { [type] : "Lee", num : 54 }; spec[type2] = "SRE"; console.log(spec.employee); console.log(spec); [ ] 를 사용해 키 값을 동적으로 할당할 수 있다. 2022. 12. 11.

티스토리툴바