Alice In Toronto

** 이 글은 유튜브 강의을 보고 공부하면서 스스로 콘솔로 작성하고, 따라치면서 Javascript 기초 공부를 하는 공간입니다. www.youtube.com/watch?v=aoQSOZfz3vQ&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=13 //async & await //clear style of using promise :) //1. async function fetUser() { return new Promise((resolve, reject) => { resolve('ellie'); }); } const user = fetUser(); user.then((result) => console.log(result)); //ellie // async 로 변환하면 ..

** 이 글은 유튜브 강의을 보고 공부하면서 스스로 콘솔로 작성하고, 따라치면서 Javascript 기초 공부를 하는 공간입니다. www.youtube.com/watch?v=JB_yU6Oe2eE&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=12 // Promise is a Javascript object for asynchronous operation // State: pending -> fulfilled or rejected // Producer vs Consumer //1. producer //when new Promise is created, the executer runs automatically const promise = new Promise((resolv..

** 이 글은 유튜브 강의을 보고 공부하면서 스스로 콘솔로 작성하고, 따라치면서 Javascript 기초 공부를 하는 공간입니다. www.youtube.com/watch?v=s1vpVCrT8f4&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=11 // Javascript is synchronous // Execute the code block bt order after hoisting // hoisting : var, function declaration // var, function declaration 함수 선언들이 제일 위로 올려서 시작한다. //Synchronous callback (동기) function printImmediatly(print){ print()..

** 이 글은 유튜브 강의을 보고 공부하면서 스스로 콘솔로 작성하고, 따라치면서 Javascript 기초 공부를 하는 공간입니다. www.youtube.com/watch?v=FN_D4Ihs3LE&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=10 //JSON //Javascript Object Notation //1. Object to JSON //stringfy(obj) let json = JSON.stringify(true); console.log(json); //true json = JSON.stringify(['apple', 'banana']); console.log(json); //['apple', 'banana'] const rabbit = { name: '..

** 이 글은 유튜브 강의을 보고 공부하면서 스스로 콘솔로 작성하고, 따라치면서 Javascript 기초 공부를 하는 공간입니다. www.youtube.com/watch?v=3CUjtKJ7PJg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=9 // Q1. make a string out of an array (틀림ㅜㅜㅜㅜ) { const fruits = ['apple', 'banana', 'orange']; const result = fruits.join('|'); const result2 = fruits.join(); console.log(result); //"apple|banana|orange" console.log(result2); //"apple,banana,..

** 이 글은 유튜브 강의을 보고 공부하면서 스스로 콘솔로 작성하고, 따라치면서 Javascript 기초 공부를 하는 공간입니다. www.youtube.com/watch?v=yOdAVDuHUKQ&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=8 'use strict'; //Array //1. Decalration const arr1 = new Array(); const arr2 = [1,2]; //2. Index position const fruits = ['apple', 'banana']; console.log(fruits); //(2) ['apple', 'banana'] console.log(fruits[0]); //apple console.log(fruits[1]..

** 이 글은 유튜브 강의을 보고 공부하면서 스스로 콘솔로 작성하고, 따라치면서 Javascript 기초 공부를 하는 공간입니다. www.youtube.com/watch?v=1Lbr29tzAA8&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=7 // objects // one of the Javascript's data types. // a collection of related data and/or functionality // Nearly all objects in JavaScripts are instances of Object //*object = { key : value}; const name = "ellie"; const age = 24; print(name,..

** 이 글은 유튜브 강의을 보고 공부하면서 스스로 콘솔로 작성하고, 따라치면서 Javascript 기초 공부를 하는 공간입니다. www.youtube.com/watch?v=_DLhUBWsRtw&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=6 'use strict'; // 1. Class declarations class Person { constructor(name, age){ this.name = name; this.age = age; //field } speak() { console.log('${this.name} : hello!'); } } const ellie = new Person('ellie', 21); console.log(ellie.name); //e..