개발이랑 일상이랑

//담을 수 있는 가장 작은단위의 애들을 primitive type data라고 한다 (number,String,boolean, null, undefined) let number = 2; let number2 = number; //number에 있는 data를 number2에 복사해서 가져온다(각각독립됨) console.clear(); //object let obj = { name:"ellie", age:5, }; console.log(obj.name); let obj2 = obj; //obj가 가지고있는 주소가 obj2에 복사됨 console.log(obj2.name); obj.name = 'james'; console.log('--------------') console.log(obj.name); c..

//Don't give up!!!! //포기하지 말자! //함수 선언 function doSomething(add){ //

// async & await // promise의 깔끔한 타입!! //1. async async function fetchUser(){ //함수앞에 'async'를 써주면 함수의 return으로 new Promise를 쓰지 않아도 자동으로 입력한것처럼 처리해준다 //네트워크통신을해서 10초정도 걸리는중.... return 'ellie' } const user = fetchUser(); user.then(console.log); console.log(user); //비동기처리를 하지않으면 JS는 동기적으로 처리한다.(로딩이 길다면 사용자는 오래 기다려야한다.) //2. await function delay(ms){ return new Promise (resolve =>setTimeout(resolve,m..

'use strict' //프로미스는 비동기통신에서 콜백함수 대신 유용하게 사용할 수 있는 오브젝트이다 //기능수행이 완료되고 성공했는지 실패했는지에 대해서 아는게 중요 -- state //produce와(제공자) consumer의 차이점에 대해서 아는게 중요하다(데이터 제공에 대한) //state : 오퍼레이션이 수행중일때는 pending상태라고한다. // ->오퍼레이션이 다 끝나게되면 fulfilled 상태가 된다/ 또는 rejected //Producer vs Consumer //1. Producer //when new Promise is created, the executor runs automatically. const promise = new Promise((resolve,reject)=>{ ..

'use strict' //var선언이나 function같은것들을 선언하면 자동적으로 가장위에서 선언된것처럼 되는것을 호이스팅이라고 한다. console.log('1'); setTimeout(()=>{console.log("2")},1000); //callback함수를 n초 후에 실행시켜줘 console.log('3'); //Synchronous callback function printImmediately(print){ print(); } printImmediately(()=>{console.log('hello')}); //Asynchronous callback function printWithDelay(print,timeout){ setTimeout(print,timeout); } printWithD..

HTTP (Hyper Text Transfer Protocol) : HyperText를 클라이언트와 서버가 어떻게 주고받을지를 정한 프로토콜 -Client는 Server에 'Request' 할 수 있고, -Server는 Client에 Request에 맞는 'Response'를 해준다. ​ HyperText: 인터넷에서 사용되는 하이퍼링크 이외에도 문서나 이미지들 ​ AJAX(Asynchronous JavaScript And XML) : 웹페이지에서 동적으로 서버에게 데이터를 주고받을수 있는 기술 - 대표적으로 XHR(XMLHttpRequest) :브라우저에서 제공하는 Object중에 하나이다. ​ 최근에는 fetch API 도 추가되었지만 ie에서는 지원하지 않는다. ​ XML : HTML과 마찬가지로 ..

//Q1. make a string out of an array { const fruits = ['apple','banana','orange']; let result = ""; for(fruit of fruits){ result = result+fruit; } console.log(result); } //Q1. 답 { const fruits = ['apple','banana','orange']; const result = fruits.join('6'); // student.score) //map안의 콜백함수와 배열의 인자가 맵핑되어 콜백함수의 return으로 바뀜 console.log(result); //콜백함수의 인자는 최대한 이해하기 쉽도록 정한다 } //Q8. 배열안에 학생들 점수가 50점보다 낮은..

//object와 array의 차이점 //object는 서로 연관된 특징과 행동들을 묶어놓는것 (토끼,사람,당근..같은 범주) //이러한 object들을 같은종류로 묶어놓은것을 자료구조라고 한다. //type이 있는 데이터는 동일한 타입만 묶을 수 있다.\ //Array > //1. Declaration const arr1 = new Array(); const arr2 = [1,2]; //배열을 만드는법은 new를 선언하거나 이렇게 만든다. //2. Index position

//objects //object는 key와 value 의 집합체이다 const obj1 = {}; const obj2 = new Object(); function print(person){ console.log(person.name); console.log(person.age); } const ellie = {name:'ellie', age:4}; print(ellie); //with JS magic (dynamically typed language) //can add properties later ellie.hasJob=true; console.log(ellie.hasJob); //2. computed properties //property는 String type으로 지정해야한다 //왠만하면 .을쓰고..

'use strict'; //class : 템플릿이다 //object : 클래스를 이용해서 실제로 데이터를 넣어 만든것 //javaScript classes // -introduced in ES6 // -기존에 존재하던 prototype을 기반해서 문법만 class가 추가된것. // 1.Class declarations class Person{ //constructor constructor(name,age){ //fields this.name = name; this.age = age; } //methods speak(){ console.log(`${this.name} : hello`); } } const ellie = new Person('ellie',20); console.log(ellie.name);..