웹개발 블로그

🔽이전 게시글 - Promisehttps://hyeonddobbi.tistory.com/456 [JS] Promise - 비동기 작업을 효율적이게 처리할 수 있는 JS 내장객체🔽콜백함수 사용법https://hyeonddobbi.tistory.com/454 [JS] 비동기 작업 - 콜백함수 사용하여 처리callback함수를 통해 바깥에서도 내부에 선언한 변수 사용가능하다.[예시1]3초뒤 sum 값 출력 add함수가 실hyeonddobbi.tistory.com✅asysn / await 키워드 사용async 키워드함수 앞에 붙는 키워드어떤 함수를 비동기 함수로 만들어주는 키워드함수가 프로미스를 반환하도록 반환async function getData(){//async 키워드를 통해 비동기 함수로 변환 ..

🔽콜백함수 사용법https://hyeonddobbi.tistory.com/454 [JS] 비동기 작업 - 콜백함수 사용하여 처리callback함수를 통해 바깥에서도 내부에 선언한 변수 사용가능하다.[예시1]3초뒤 sum 값 출력 add함수가 실행되면서, 내부에 있는 비동기함수가 실행된다.3초뒤  sum이 계산되고 인자값으로 sum을 주hyeonddobbi.tistory.com  ✅Promise비동지 작업을 효율적으로 결과를 처리할 수 있도록 도와주는자바스크립트의 내장 객체 Promise의 효능비동기 작업 실행비동기 작업 상태 관리비동기 작업 결과 저장비동기 작업 병력 실행비동기 작업 다시 실행기타 등등.....형태Promise 객체 안에서 ㄴ 비동기 작업(ex. setTimeout) 작성 3가지 상태 ..

callback함수를 통해 바깥에서도 내부에 선언한 변수 사용가능하다.[예시1]3초뒤 sum 값 출력 add함수가 실행되면서, 내부에 있는 비동기함수가 실행된다.3초뒤  sum이 계산되고 인자값으로 sum을 주게되고 callback 함수가 실행된다.(비동기 결과값을 외부에서 사용가능)function add(a,b, callback) { //callback함수를 통해 비동기함수의 결과값을 외부에서 사용가능하다. setTimeout(() => { const sum = a+b; callback(sum); }, 3000);}add(1, 2 , (value) => {console.log(value);});//(3초 뒤) 3 [예시2]..

Spread 연산자의미 : 흩뿌리다, 펼치다 객체나 배열에 저장된 여러개의 값을 개별로 흩뿌려주는 역할 배열에서도?let arr1 = [1,2,3];let arr2 = [4,5,6]; arr1의 원소들을 arr2의 인덱스[1]에 넣고 싶은데.. 어떻게 해야할까?let arr2 = [ 4, ...arr1 ,  5, 6]...arr1 // 曰:점점점 arr1배열의미 : arr1의 원소들을 개별로 뿌려줘라 객체에서도?let obj1 = { a:1, b:2} let obj2 = {...obj1,  // 曰: 점점점 obj1(객체이름) c:3, d:4}함수에서도?function funcA(p1, p2, p3){ //arr1에 인자는 세개의 값이 들어가 있으니까~  console.log(p1, p2, p3);} l..

배열 또는 객체에 저장된 여러 값들을 분해해서 각각 다른 변수에 할당ㄴ 말그대로 구조를 분해하여 할당한다. 1. 배열의 구조 분해 할당let arr = [1,2,3];let one = arr[0] ;...이렇게 할당하게 되면 계속 arr[n..]을 입력을 해줘야하는 단점이 있다.(지금은 3개가 다지만?! 몇천개면은?) ////  let [one, two, three] = arr;//순서대로 각각 할당된다..ㄴ 순서대로 할당되기 때문에 필요 없는 부분은 할당하지 않으면된다.let [one, two] = arr; let [one, two, three, four] = arr;ㄴ four는 순서대로 보면 없는 값이기에 'undefined'이다. let [one, two, three, four = 4] = arr..

#함수 - 함수를 호출하면서 전달하는 값 : 인수 - 매개체 역할을 하는 변수 : 매개변수 ㄴ '함수의 매개변수'라고 부른다. 함수 안에서 return을 사용하게되면 ㄴ '반환값' 이라 부른다. ㄴ 함수의 return문 아래에는 작성해도 작동하지 않는다. 함수안에 내부함수를 작성할 수 있다. ㄴ '중첩함수'라 부른다. function a(){ function aa(){} //중첩함수 aa();//호출}선언이 이루어진 함수를 호출하면 오류를 내지만  ⭐자바스크립트의 특징 중 호이스팅(끌어올리다) 특징 때문에 오류를 내지 않는다. ㄴ함수를 호출 문 보다 아래 두어도 문제가 일어나지 않는다. ㄴㄴ 프로그램에 유연성을 준다는 특징이 있다 자바스크립트에서는 함수도 문자열이나 숫자 같은 값으로 취급된다. ㄴ..

✅모듈(Module) 시스템이란?  ㄴ 모듈 시스템" 모듈을 다루는 시스템  ㄴ 모듈 : 기능별로 나뉘어진 각각의 자바스크립트 파일들을 '모듈'이라 부른다.  ✅ Common 모듈 시스템1. Common 모듈 시스템 등록(기본 모듈 시스템)//위치: scr/math.js  function add(a,b){ return a+b;}function sub(a,b){ return a-b;}//module은 내장객체module.exports={ add,//add: add, (key와 value가 같으면 하나만 적어주자.) sub //sub: sub}2. Common 모듈 시스템 사용//위치: scr/index.js const moduleData = require("./math");//객체가 ..