보호되어 있는 글입니다.
보호되어 있는 글입니다.
출처: https://www.youtube.com/playlist?list=PLuHgQVnccGMBVQ4ZcIRmcOeu8uktUAbxI JavaScript Promise (callback & async) www.youtube.com 보충자료(캡틴판교): https://joshua1988.github.io/web-development/javascript/promise-for-beginners/ 자바스크립트 Promise 쉽게 이해하기 (중급) 자바스크립트 입문자를 위한 Promise 설명. 쉽게 알아보는 자바스크립트 Promise 개념, 사용법, 예제 코드. 예제로 알아보는 then(), catch() 활용법 joshua1988.github.io callback 자바스크립트에서 콜백이란 무엇이고, 콜백을..
Execute context 출처: https://www.youtube.com/watch?v=QtOF0uMBy7k&list=WL&index=23 자바스크립트의 코드가 실행되는 원리인 execute context에 대한 수업입니다. 이 수업을 들으면 1. debugger의 고급 사용법을 익힐 수 있습니다. 2. 변수의 유효범위에 대해서 이해할 수 있습니다. 3. var, let, const의 차이점에 대해서 알 수 있습니다. 4. closure, hosting과 같은 주제에 대한 이해를 얻는 발판을 마련할 수 있습니다. 자료: https://gist.github.com/egoing/7e8bce3f04542e061629166be91598cc exmaple1 exmaple2 example3 Closure 출처..
카드 배열 생성하고 무작위로 섞기 const total = 12; const colors = ['red', 'orange', 'yellow', 'green', 'white', 'pink']; let colorCopy = colors.concat(colors); //colors 변수를 수정하지 않고 배열 복사 //(12) ['red', 'orange', 'yellow', 'green', 'white', 'pink', 'red', 'orange', 'yellow', 'green', 'white', 'pink'] let shuffled = []; function shuffle() { // 피셔-예이츠 셔플 for (let i = 0; colorCopy.length > 0; i++) { const randomI..
목차 1-5-1 불변 객체를 만드는 간단한 방법 1-5-2 얕은 복사와 깊은 복사 1-5-1 불변 객체를 만드는 간단한 방법 객체의 가변성에 따른 문제점 var user = { name: 'Timmy', gender: 'male' }; var changeName = function (user, newName) { var newUser = user; newUser.name = newName; return newUser; }; var user2 = changeName(user, 'Tim'); console.log(user.name, user2.name); //Tim Tim console.log(user === user2); //true changeName 함수에 인자로 user 객체를 넘겨주고 newUser..
깊은 복사하기(원본이 바뀌지 않는 것) const a = 'b'; const c = ['d', true, 1]; const e = { g: 'h' }; const i = [{ j: 'k' }, { l: 'm' }]; const n = { o: { p: 'q' }}; 아래는 정답안 const a2 = a; const c2 = c.slice(); const e2 = { ...e }; const i2 = JSON.parse(JSON.stringify(i)); const n2 = JSON.parse(JSON.stringify(n)); string, boolean, number 같은 기본자료형은 다른 변수에 대입만 하면 값이 복사가 되고, 복사한 값을 바꿔도 원본이 변하지 않는다. 내부에 객체가 들어있지 않은 배..