async async는 function 앞에 위치한다. function 앞에 async를 붙이면 해당 함수는 항상 프라미스를 반환한다. async function f() { return 1; } f().then(alert); // 1 await // await는 async 함수 안에서만 동작한다. async function f() { let promise = new Promise((resolve, reject) => { setTimeout(() => resolve('완료!'), 1000); }); let result = await promise; // 프라미스가 이행될 때까지 기다림 alert(result); // "완료!" } f(); 프라미스가 처리될 때까지 함수 실행을 기다리게 한다. 프라미스가 처..
개발
Promise 기본 1. promise 객체 생성 let promise = new Promise(function (resolve, reject) { // new Promise에 전달되는 함수 : executor(실행자, 실행함수) }); resolve(value): 일이 성공적으로 끝난 경우 그 결과를 나타내는 value와 함께 호출 reject(error): 에러 발생 시 에러 객체를 나타내는 error와 함께 호출 executor는 resolve나 reject 중 하나를 반드시 호출해야 한다. 2. 위의 pormise 객체의 내부 프로퍼티 살펴보기 state : 처음엔 "pending" / resolve가 호출되면 "fulfilled" / reject가 호출되면 "rejected" 로 변한다. res..
▶ constructor 객체(인스턴스)를 생성하고 클래스 필드를 초기화하기 위한 특수한 메소드 ※ 클래스 필드 : 자바스크립트의 생성자 함수에서 this에 추가한 프로퍼티 예문 12345678910111213// 클래스 선언문class Person { // constructor(생성자). 이름을 바꿀 수 없다. constructor(name) { // this는 클래스가 생성할 인스턴스를 가리킨다. // _name은 클래스 필드이다. this._name = name; }} // 인스턴스 생성const me = new Person('Lee');console.log(me); // Person {_name: "Lee"}cs 클래스는 constructor라는 이름을 가진 특별한 메서드를 하나씩만 가질 수 있습..
▶ GitHub Pages GitHub Pages는 GitHub Repository를 이용해 웹 사이트를 무료로 호스팅해주는 서비스입니다.사용자가 GitHub Repository에 자신의 웹 프로젝트 빌드 결과물을 업로드 하면 GitHub가 그 결과물을 호스팅해 줍니다. 1. 로컬 저장소에 Commit 하기 > git add .> git commit -m " Deploying to Github Pages" 지금까지 프로젝트의 파일 및 폴더의 추가/변경 사항을 로컬 저장소에 기록합니다. 2. GiHub에 Repository 생성 (원격 저장소 생성) 자신의 GitHub에 새로운 repository를 생성합니다 3. 로컬 저장소와 원격 저장소 연결 원격 저장소의 주소를 입력해 로컬 저장소와 원격 저장소를 연..
▶ PropTypes 컴포넌트에 전달된 props를 검사합니다. 1. prop-types 라이브러리 설치 React.PropTypes는 원래 React 패키지에 내장 되어 있었습니다. 현재는 다른 패키지로 이동하여 따로 prop-types 라이브러리를 설치 해줘야 합니다. npm install prop-types pakage.json 파일로 들어가 다운되었는지 확인합니다. dependencies 에 prop-types가 있다면 설치가 완료된 것입니다. ..... "dependencies": { "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.5.0", "@testing-library/user-event": "^7.2.1", "ax..
map( ) 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만듭니다. 구문 arr.map(callback(currentValue[, index[, array]])[, thisArg]) callback함수는 currentValue, index, array 3가지 인수를 갖습니다.- currentValue : 배열 내 처리할 현재 값- index : 배열 내 처리할 현재 값의 인덱스- array : map( )을 호출한 배열 예시 const array = [1, 2, 3, 4, 5]; const result = array.map(function(current, index, array){ console.log(curren..
