YoonStudyNote

1. shift shift만 선언해도 왼쪽부터 값이 빠집니다. const numbers = [1,2,3,4,5,6,7,8]; const value = numbers.shift(); numbers.shift(); numbers.shift(); numbers.shift(); console.log(value); console.log(numbers); //출력값 1 [ 5, 6, 7, 8 ] 즉, shift는 앞에서부터 원소값을 하나씩 꺼내는것을 의미합니다. 원소값이 없어질때까지 선언후에 계속 shift를 선언해도 "[ ]" 비어있는 배열을 출력합니다. 에러가 생기지 않습니다. 2. pop shift랑 비슷하지만, shift와 달리 오른쪽부터 값이 빠집니다. const numbers = [1,2,3,4,5,6,..

1.filter 특정 조건에 만족하는 값을 찾아서 그 원소들을 가지고 새로운 배열로 출력해줍니다. const items=[{ id:1, text: 'hello', done: true }, { id:2, text: 'bye', done: true },{ id:3, text: 'good', done: true },{ id:3, text: 'nice', done: false }]; const tasksNotDone = items.filter(item=>!item.done); console.log(tasksNotDone); //출력값 [ { id: 3, text: 'nice', done: false } ] item=>!item.done 은 item=>item.done===false와 같은 말입니다. 2.spli..

1. forEach문 const superheroes = [ '아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지' ] function print(hero){ console.log(hero); } superheroes.forEach(print); //출력값 아이언맨 캡틴 아메리카 토르 닥터 스트레인지 모두 내장되어있는 데이터를 전부 출력할 수 있는 편리한 기능입니다. 또한 더 짧게 만들 수도 있습니다. const superheroes = [ '아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지' ] superheroes.forEach(function(hero){ console.log(hero); }); 더깔끔하게 화살표 함수를 이용할 수 있습니다. const superheroes = [..

1. for...of 배열안에 있는 값으로 작업을 할 때 사용합니다. const numbers = [10,20,30,40,50]; for(let number of numbers){ console.log(number); } //출력값 10 20 30 40 50 2. for...in 객체에 대한 반복적인 작업을 할때 사용합니다. 우선, 객체출력하는것부터 보여드리겠습니다. const numbers = [10,20,30,40,50]; const doggy = { name: '멍멍이', sound: '멍멍', age: 2 }; console.log(Object.entries(doggy)); console.log(Object.keys(doggy)); console.log(Object.values(doggy)); /..

1. 한 배열안에 다른종류의 자료형이 들어가도 됩니다. const array = [1,'blabla', {}, [13]]; console.log(array); //출력값 [ 1, 'blabla', {}, [ 13 ] ] 2. 객체로 이루어진 배열을 만들 수 있습니다. const object = [ {name: '멍멍이'}, {name: '야옹이'} ]; console.log(object); //출력값 [ { name: '멍멍이' }, { name: '야옹이' } ] 3. 새로운항목 추가할때 push를 이용합니다.(내장함수입니다.) const object = [ {name: '멍멍이'}, {name: '야옹이'} ]; object.push({ name:'멍뭉이' }); console.log(object);..

1. Get 함수 const numbers = { a: 1, b: 2, get sum() { console.log("sum 함수가 실행됩니다!"); return this.a + this.b; } }; console.log(numbers.sum); numbers.b = 5; console.log(numbers.sum); //출력값 sum 함수가 실행됩니다! 3 sum 함수가 실행됩니다! 6 2. Set함수 변수앞에 언더바를 붙힌 이유는 set함수와 겹치지 않기 위해서 만들었습니다. const dog = { _name: "멍멍이", set name(value) { console.log("이름이 바뀝니다."); this._name = value; } }; console.log(dog._name); dog.na..

총 3가지 방법이 있습니다. 1. say: function say() const dog = { name: "멍멍이", sound: "멍멍!", say: function say() { console.log(this.sound); } }; dog.say(); 2. say: function () const dog = { name: "멍멍이", sound: "멍멍!", say: function() { console.log(this.sound); } }; dog.say(); 3. say() const dog = { name: "멍멍이", sound: "멍멍!", say() { console.log(this.sound); } }; dog.say(); **주의점!** 화살표함수를 사용하면 작동이 되지 않습니다. co..

==의 특징 타입을 비교하지 않는다. const a = 1; const b = '1'; const equals = a==b; console.log(equals) /*결과값*/ true const a = flase; const b = 0; const equals = a==b; console.log(equals) /*결과값*/ true const a = true; const b = 1; const equals = a==b; console.log(equals) /*결과값*/ true const a = null; const b = undefined; const equals = a==b; console.log(equals) /*결과값*/ true 이와같이 값이 다른데 타입을 검사하지 않기 때문에 결과가 true로..

null이란? 아무것도 없다는 뜻이다. undefined란? 아직 정해진것이 없다. 즉, 선언된것은 있는데 아직 값이 설정되지 않았다는 뜻이다.

사용자가 유튜브나 페이스북, 네이버에 들어가보면 온갖 영상들, 글들, 사진들을 볼 수 있습니다. 이것은 사용자의 컴퓨터에 들어있는게 아니죠? 다른 어딘가에, 우리가 '서버'라고 부르는 어떤 컴퓨터에 들어있는겁니다. 그렇습니다! 서버도 여러분의 노트북처럼 그냥 컴퓨터입니다. 사실, 서버라는 말은 '역할'의 개념입니다. 즉, 한 컴퓨터가 네트워크로 연결된 다른 하나, 또는 그 이상의 컴퓨터들에게 뭔가를 해주면 이를테면, 저장된 글과 사진들을 보여주거나 반대로, 이것들을 업로드받아와서 보관해주거나 한컴퓨터가 톡을 보내면 다른 컴퓨터에 알림을 보내거나 위치와 목적지를 받아서 가는길과 소요시간을 계산해주거나 여럿이 참여할 수 있는 게임을 열어주거나 해주는 그 serve 해주는 컴퓨터가 server가 되는겁니다. ..