반응형 JavaScript34 자바스크립트 프로미스 - 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. React Handsontable로 csv 편집기 만들기 (3) 프로젝트 전체 링크 이전 - (2) Drag & Drop 현재 - (3) 선택한 경로의 파일 불러오기 다음 - (4) Drop한 파일 읽기 깃허브에서 코드 확인하기 (2) Drag & Drop Test가 완료되었으므로 FileUpload component를 만들자. DragDropTest.js / scss를 보고 FileUpload.js / scss에 그대로 복사한다. (그리고 이름을 변경한다.) FileUpload에서는 Drag & Drop 외에도 선택한 경로의 파일을 불러올 수 있도록 을 추가하자. input type에 file을 지정하면 아래와 같은 파일 선택 버튼이 생긴다. accept 속성 지정한 속성의 파일만 불러올 수 있다. ".csv, .txt"로 지정하면 csv와 txt 파일만 불러온다... 2021. 5. 30. 단락 평가 Short Circuit C, C++ 전체 링크 논리 연산에서 뒤의 수식과 상관없이 이미 판정 결과가 나온다면, 뒤의 수식은 수행될 필요가 없다. AND 연산 A && B && C 에서 A가 false라면, B와 C는 true/false 여부에 상관없이 false다. OR 연산 A || B || C 에서 A가 true라면, B와 C는 true/false 여부에 상관없이 true다. C/C++에서 short circuit이 작동하는지 확인해보자. 먼저 아래의 코드를 실행해서 printf의 return 값을 알아보자. #include int main(void) { int pf1 = printf("hello\n"); int pf2 = printf("world!!\n"); printf("pf1 : %d, pf2 : %d\n", pf1,.. 2021. 5. 11. JavaScript test setting 자바스크립트 전체 링크 index.html index.js console.log("hello"); 2021. 2. 19. 이전 1 2 3 4 다음 반응형
