반응형 개발/JavaScript32 자바스크립트 프로미스 - Promise resolve, reject 자바스크립트 전체 링크 프로미스(Promise)를 이용하면 비동기 상태의 값을 다룰 수 있다. Promise는 아래와 같이 new를 이용하여 만들 수 있다. const myPromise = new Promise((resolve, reject) => { //resolve(message or data); //reject(message or data); }); 작업이 성공한다면 resolve가 호출되고, 실패한다면 reject가 호출된다. resolve와 reject에서 받은 data 또는 message의 반환된 값을 then을 이용하여 받을 수 있다. 아래의 코드를 실행해보자. function getData(response) { return new Promise((resolve, reject) => { if.. 2021. 7. 29. 자바스크립트 - 매개변수 기본값 (Default Function Parameter) 자바스크립트 전체 링크 아래의 db에 key에 대응되는 data가 있다고 가정하자. 그리고 getData를 이용해 db의 data를 가져온다. const db = { key1: "data1", key2: "data2", key3: "data3", undefined: "data error", } function getData(key) { return db[key]; } console.log(getData("key1")); console.log(getData("key2")); console.log(getData()); console.log(getData("key3")); 세 번째의 getData에 변수를 넣지 않았으므로, key = undefined가 된다. 그래서 db["undefined"]가 호출되어 d.. 2021. 7. 26. 자바스크립트 - 단축 속성명 (Shorthand Property Names) 자바스크립트 전체 링크 아래와 같은 test object를 만들고 log로 출력해보자. const test = { fileName: fileName, size: size, date: "2021-07-25", getFileName() { return this.fileName; } } console.log(test); console.log(test.getFileName()); 단축 속성명을 이용하면, 아래와 같이 object의 속성값 이름이 같은 경우 간결하게 test를 나타낼 수 있다. const fileName = "test.csv"; const size = 50; const test = { fileName, size, date: "2021-07-25", getFileName() { return this.. 2021. 7. 25. 파일 선택(input)과 버튼 연결하기 자바스크립트 전체 링크 input을 이용하면 파일을 선택할 수 있도록 열기 창을 불러올 수 있다. 그러나 [파일 선택 - 선택된 파일 없음]이 아니라 버튼을 이용하고 싶은 경우가 있을 수 있다. 이런 경우에는 input을 만들어서 visibility를 hidden으로 숨겨둔다. 그리고 버튼과 input을 연결하면 된다. 버튼의 onclick 함수에 숨겨둔 input의 id를 구한 다음 click 이벤트를 실행하면 완성이다. 파일 불러오기 2021. 6. 27. JavaScript test setting 자바스크립트 전체 링크 index.html index.js console.log("hello"); 2021. 2. 19. 이전 1 2 3 4 다음 반응형
