식초의 지식보관소

123456789101112131415161718192021/함수 출력 = 함수 선언 + 함수 호출 //함수 선언function doSomething(add) { console.log(add); const result = add(2, 3); console.log(result);} function add(a, b) { const sum = a + b; return sum;} //함수 호출//doSomething(add); //add: 함수 자체가 전달, add() 안 됨!! const addFun = add; //addFun은 함수자체만 가리킨다console.log(addFun);addFun(1, 2); //호출: addFun에 인자를 넣어준다 Colored by Color Scriptercs

async는 Promise의 syntatic sugar 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 //async & await // 깔끔하게 promise를 사용하는 방법 :) //1. async (비동기) async function fetchUser() { //네트워크 통신해서 받아오는데 10초 걸린다...가정 return 'sigcho'; }; const user = fetchUser(); us..

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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 'use strict'; //Promise는 자바스크립트 안에 내장된 object이다 //Promise는 비동기 작업 수행할 때 콜백 대신 사용한다 //State(프로미스의 상태): pending(수행중) -> fulfilled(완료) or rejected(문제생김) 상태가 된다 //Producer vs..

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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 'use strict'; //JavaScript is synchronous (자바스크립트는 동기적이다) //hoisting이 된 이후부터 코드가 순서에 맞춰 동지거으로 실행된다 //hoisting: var, function declaration 이 제일 위로 올라가는 것이다 console.log('1'); setTimeout(()..

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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 //JSON //JavaScript Object Notation //1. Object to JSON //stringfy(obj) let json = JSON.stringify(true); console.log(json); json = JSON.stringify(['apple','banana']); console.log(json); //["apple","banana"] 배열 처럼 보이게 출력됨 const rabbit = { name..

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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 'use strict'; //Array //1. Declaration (선언) const arr1 = new Array(); const arr2 = [1,2]; //2. Index position ..

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114//Objects//자바스크립트의 data types중 하나//관련된 데이터나 함수들의 집합체//자바스크립트의 거의 모든 객체들은 Object의 예시이다//object = {key : value}; //1. Literals and propertiesconst obj1 = {}; //'objec..

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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..

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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..

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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..