asycn / await를 사용하면 프라미스를 편하게 사용할 수 있다. 함수에 async를 붙이면 해당 함수는 항상 프라미스를 반환한다. 프라미스가 아닌 값을 반환하더라도 이행상태(resolved promise)로 값을 감싸 이행된(성공한) 프라미스가 반환되도록 한다. // 일반 함수에서 async 작성법, function 앞에 작성한다 async function test() { return 7; } // 화살표 함수에서 async 작성법, 인수(Parameter)앞에 async를 작성한다. const test = async() => { return 7; } await와의 활용 await는 말 그대로 프라미스가 처리될 때까지 함수 실행을 기다리게 만듭니다. 프라미스가 처리되면 그 결과와 함께 실행이 재개..
Promise(프로미스)는 자바스크립트에서 비동기 작업을 처리하는 객체입니다. 주로 네트워크 요청이나 파일 읽기 등 시간이 걸리는 작업을 처리할 때 사용됩니다. Promise는 비동기 작업이 완료되었을 때 성공 또는 실패 여부에 따라 처리할 수 있는 콜백 함수를 제공합니다. ** 비동기(asynchronous)란 한 작업이 완료되기 전에 다른 작업을 동시에 수행할 수 있는 것을 의미합니다. 이는 작업이 순차적으로 실행되는 동기(synchronous) 방식과는 달리, 작업의 완료 여부와 상관없이 다음 작업을 진행할 수 있음을 의미합니다. Promise는 세 가지 상태를 가질 수 있습니다: 대기(pending): 비동기 작업이 아직 완료되지 않은 상태입니다. 이행(fulfilled): 비동기 작업이 성공적으..
객체를 생성하는 방법중 가장 편리한 방법은 객체리터럴 방식이다. 객체리터럴은 중괄호 안에 속성(key-value pair)을 나열하여 객체를 표현하는 것이다. const water = { brand : "삼다수", capacity : 550, factory : "jeju" } 여기서 속성을 추가/삭제 하기 위해서는 1. 점 표기법 (Dot notation) 2. 대괄호 표기법(Bracket notation) 이 있다. const water = { brand : "삼다수", capacity : 550, factory : "jeju" } // 속성 추가 // 대괄호 표기법에서 속성이름이 문자열인 경우 반드시 따옴표를 사용해야한다. // 따옴표를 사용하지 않으면 변수로 취급된다. water.price = 10..
왜 이걸 알아야할까? 많은 데이터들 속에서 내가 원하는 부분만 사용 및 가공하기 위해서? 다양한 방법들 1. 반복문 사용하기 for 문 const example = [1, 2 , 3, "a", "김"] const target = "김" // for반복문 사용 function findTarget(array){ for (let i=0; i < array.length; i++){ if(array[i] === target){ return i; } } } const result = findTarget(example) console.log(result, example[4]) // 4, "김" // 값이 여러개 일 때 모두 찾기 // 새로운 배열을 만들어서 담는다, index든 값이든 선택 const example ..
- Total
- Today
- Yesterday
- 문자열
- 조대곤교수님
- 상속
- 동등비교연산자
- 함수형코딩
- cors위치
- 머리아프다..
- 비동기
- unexpected character
- .finally()
- universal rendering
- unique "key" prop.
- Props
- 객체속성 추가 삭제
- 대괄호표기법
- 리액트 이미지경로
- promise
- 태스크큐
- 함수
- 미들웨어위치
- .then()
- 에이블스쿨2일차
- 객체리터럴
- react
- .catch()
- JSX
- 배열내특정요소찾기
- 프로토타입 체이닝
- null과 undefined
- 전역변수
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |