반응형 분류 전체보기130 비동기 프로그래밍 - new Promise Promise promise 객체는 아래와 같은 문법으로 만든다. let promise = new Promise(function(resolve, reject){ // executor }); 프라미스는 성공 또는 실패만 한다. new Promise state: pending result: undefined [resolve] state: fullfilled result: value [reject] state: rejected result: error executor는 promise의 상태를 둘 중 하나로 변화시킨다. resolve(value) — 일이 성공적으로 끝난 경우 그 결과를 나타내는 value와 함께 호출 reject(error) — 에러 발생 시 에러 객체를 나타내는 error와 함께 호출 con.. 2022. 10. 16. 비동기 프로그래밍 - new Promise Promise promise 객체는 아래와 같은 문법으로 만든다. let promise = new Promise(function(resolve, reject){ // executor }); 프라미스는 성공 또는 실패만 한다. new Promise state: pending result: undefined [resolve] state: fullfilled result: value [reject] state: rejected result: error executor는 promise의 상태를 둘 중 하나로 변화시킨다. resolve(value) — 일이 성공적으로 끝난 경우 그 결과를 나타내는 value와 함께 호출 reject(error) — 에러 발생 시 에러 객체를 나타내는 error와 함께 호출 con.. 2022. 10. 16. 변수에 대하여 ⤴️ 호이스팅 [var] 한번 선언된 변수를 다시 선언할 수 있다. var는 선언하기 전에 사용할 수 있다. var name console.log(name) //undefined name ="Mike" //할당 var로 선언한 모든 변수는 최상위로 끌어올리는 것처럼 동작한다. (호이스팅 현상이 발생함) 하지만 할당된 값은 호이스팅이 되지 않았다. [let] console.log(name) //ReferenceError let name ="Mike" //할당 같은 상황에서 let은 error가 발생한다. 그렇다면 let은 호이스팅이 되지 않나? 그렇지 않다. let도 호이스팅이 발생한다. (호이스팅: 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것 처럼 행동) 그렇다면 왜 var처럼 동작하지 않고 e.. 2022. 10. 13. React Context API 처음만난 리액트 강의에서 발췌한 내용입니다. 컴포넌트의 props를 통한 데이터 전달 기존에 일반적인 react application은 데이터가 컴포넌트의 props를 통해 부모가 자식에게 단방향으로 전달이되었다. 로그인여부, 프로필 정보등을 전달하려면 반복적이고 지저분한 코드가 많이 생성된다. 이렇게 여러 컴포넌트에 걸쳐 자주 사용하는 데이터의 경우 코드의 복잡함 등을 해소시켜 주기위해 사용할 수 있는것이 context이다. Context는 리액트 컴포넌트들 사이에서 데이터를 기존의 props로 전달하는대신 컴포넌트 트리를 통해 곧바로 컴포넌트로 전달해 어떤 컴포넌트던 데이터에 쉽게 접근할 수 있다. 코드를 한 곳에서 관리하기때문에 디버깅에도 유리하다. [언제 context를 사용해야할까?] 로그인 여.. 2022. 10. 12. 이전 1 ··· 23 24 25 26 27 28 29 ··· 33 다음 728x90 반응형
