본문 바로가기

javascript15

JavaScript의 비동기 처리? 비동기 VS 동기 Synchronous 동기 : 요청을 보낸 후 해당 요청의 응답을 받아야 다음 동작을 실행하는 방식 함수의 결과를 호출한 쪽에서 처리 Asynchronous 비동기 : 요청을 보낸 후 응답과 관계없이 다음 동작을 실행하는 방식 함수의 결과를 호출한 쪽에서 처리하지 않음 JS는 동기 프로그래밍 언어다. 자바스크립트는 싱글 스레드 기반의 언어이고, 자바스크립트 엔진은 하나의 호출 스택만을 사용한다. 이는 요청이 동기적으로 처리되어, 한 번에 한 가지 일만 처리할 수 있음을 의미한다. 만약, 네트워크 요청과 같은 비동기 함수가 동기적으로 이루어지는 함수로 만들어졌다면, 네트워크 요청이 다른 서버로 보내지고, 컴퓨터는 응답받기를 기다리며 느려질 것이다. 그 사이에 클릭이나, 다른 요소가 렌더링.. 2022. 11. 30.
[JS] 함수 표현식 & 화살표 함수 & 콜백함수 함수 표현식 함수 선언식 : 이때까지 일반적으로 함수를 선언하던 방식 function func() { console.log("hello world"); } 함수 표현식 let func = function () { console.log("hello world"); }; 함수 선언식 vs 함수 표현식 함수 선언식은 호이스팅에 영향을 받지만 함수 표현식은 호이스팅에 영향을 받지 않는다. (https://hongcode.tistory.com/68) [JS] 스코프와 호이스팅 스코프(Scope) 스코프(Scope)란 범위라는 뜻 변수 또는 함수를 생성할 때, 해당 변수 또는 함수가 갖게 되는 유효 범위를 뜻함 전역 스코프 전역 스코프(Global Scope)는 전역(Global)에 선언되어있음 어 hongcode.. 2022. 8. 3.
[JS] 스코프와 호이스팅 스코프(Scope) 스코프(Scope)란 범위라는 뜻 변수 또는 함수를 생성할 때, 해당 변수 또는 함수가 갖게 되는 유효 범위를 뜻함 전역 스코프 전역 스코프(Global Scope)는 전역(Global)에 선언되어있음 어느 곳이든지 해당 변수에 접근 할 수 있다. 지역 스코프 지역 스코프(Local Scope)는 말 그대로 해당 지역에서만 접근할 수 있음 지역을 벗어난 곳에서는 접근할 수 없다. const test = 5; //전역 스코프 function print() { const test = 10; //지역 스코프 console.log(`지역 스코프 : ${test}`); // 지역 스코프 : 10 } print(); console.log(`전역 스코프 : ${test}`); // 전역 스코프 :.. 2022. 8. 3.
[JS] 함수 함수 코드에서 중복되는 부분을 하나로 묶어서 사용하는 것 함수는 배열, 조건, 변수 어디에나 쓰인다. 함수는 코드의 재사용 가능한 일부로써 언제든 사용할 수 있도록 이름 붙인 것 코드의 중복을 줄이는 데 유용하다. 코드를 더 읽기 쉽고 이해하기 쉽게 만든다. //함수를 사용하기 전 let num1 = 10; let num2 = 15; let sum = num1 + num2; //25 //함수를 사용한 경우 function add(num1, num2) { return num1 + num2; console.log(num1 + num2); // 실행X } let sum1 = add(10, 15); // 25 let sum2 = add(5, 5); // 10 함수 선언방식의 함수 생성 함수를 작성하고 사용하는 .. 2022. 8. 3.