식초의 지식보관소

자바스크립트는 잘못 쓴 내용도 최대한 출력하려고함 ㅎ (아래처럼) coercion => conversion (자바스크립트가 강제적으로 값을 변환시킴) console.log(66 + true) : 67, true => 1 변환시킴, false => 0 console.log(55 - true) : 54, + - * / 다 해당한다 console.log(66 + "false") : 66false console.log(25 - "1") : 24, - 는 문자열을 숫자열로 변환한다 console.log("" === true) : false, "" => 0 변환시킴, "" 0 NaN undefined null 모두 false이다 console.log("1" ==1) : true, == : type coercion ..

console.log(b) 결과값으로 50이 나온다 2줄 : a 값(Value)을 복사해서 b 에 붙여 넣기 했다 4줄 : a=10으로 바뀌어도 b는 영향 받지 않는다 console.log(pretty) 결과값으로 ["kimchi", "potato", "hELLO"]가 나온다 4줄 : sexy를 변경하자, pretty가 업데이트 되었다 1줄 : sexy는 배열을 참조하는 것이다 = Reference 2줄 : pretty는 sexy를 참조하고 있다 = Reference pretty와 sexy는 같은 배열을 참조하고(가리키고) 있다 console.log(x) 결과는 { a: 'hello' } 이다 x를 b를 통해서 업데이트 할 수 있다 Value는 string, number, boolean, NaN, und..

primitive : 기본적, ex) string, number, true/false, null, undefined, NaN

Call Stack - 자바스크립트의 함수 실행 핸들 방법, 쌓은 덩어리 -자바스크립트는 함수를 스택 위에 올린다 -함수를 다 실행하면 제거한다 -스택을 다 처리하면 실행할 것이 없다 -자바스크립트의 todo list 같은 것 zero는 one을 부르고, one은 two를 부르고, two는 three를 부르고, three는 console.log(내용) 콘솔에서 결과는 i love js 라고 뜬다 Sources에서 함수 실행을 일시멈춤한다 call stack 항목을 본다 , 한 단계식 진행할수록 끝내야 하는 함수 리스트 보여준다 이름모를 함수 -> zero함수 -> one 함수 -> two 함수 -> three 함수 콘솔로그 만나면 출력 -> three 함수 끝남 (콘솔에 내용 출력) 끝난 함수는 사라짐 ..

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 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..