코딩 헬스장

1.불변성? 객체는 참조 형태로 값을 주고 받는데, 하나의 객체가 생성되고 그 값을 다른 객체들이 참조 하고 있다면 의도 하지 않은 값의 변형으로 문제가 발생하는 경우가 있을 수 있다. 보통 이런 경우 레퍼런스를 참조한 다른 객체에서 객체를 변경 하기 때문이다. 이와 같은 문제를 방지 하기 위해서는 불변의(immutable) 객체를 만들거나 객체 복사를 통해 새로운 객체를 생성 한 후 변경하는 것이 안전하다. let a = 10; let b = a; a = 20; console.log(a,b); //20 10 위 코드는 변수 a에 10을 할당하고, 변수 b는 a가 가리키는 주소를 가리킨다. 이때 a를 20으로 변경하면 a와 b모두 20이 아닌 a만 20으로 바뀌게된다. 이유는 Boolean, Numbe,..

1. 일반 함수 일반적인 함수 선언 //function 함수명(매개변수 . .){ // 로직 전개 //} function add(a,b){ return a+b; } console.log( add(1+10) ); // 11 2. 리터럴(익명) 함수 함수명이 없는 형태를 가지고 있다. JS는 함수도 데이터형으로 간주하여, 함수 자체를 리터럴로 표현해, 변수에 대입, 다른 함수의 인자로 전달 등이 가능하다. // function(매개변수 ..){ //로직전개 // } let add = function(a,b){ return a+b; } console.log(add(1,10)); //11 3. 차이점과 정리 먼저 호이스팅의 개념에 대해 알아야한다. 호이스팅이란 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수..

1. 동기 [ 개념 ] 한 작업이 완전히 끝나야 다음 작업으로 넘어간다. 순차적, 직렬적 테스크를 수행한다. 2. 비동기 [ 개념 ] 한 작업이 끝나지 않고 다음 작업으로 넘어간다. 병렬적 테스크를 수행한다. [ 왜 필요할까? ] API를 호출하여 데이터를 받아온다고 가정했을 때, 비동기로 처리하지 않고 동기적으로 구성한다면 데이터를 받아오는 시간동안 기다린 다음 어떠한 로직이 실행이 될 것이고, 데이터 양이 늘어나거나 대량 API호출을 하면 속도가 느려지기 때문에 비동기적 처리가 필요하다. 예제 ) setTimeout / ajax console.log('1'); setTimeout(function() { console.log('2') }, 3000); console.log('3') // 1->3->2 ..