본문 바로가기
반응형

Study/Javascript4

[Javascript] 비동기를 통해 프로그램의 효율 향상시키기 (Callback, Promise, async / await) 동기와 비동기 자바스크립트에서 코드가 실행되는 방법은 동기 / 비동기 두 가지로 나뉠 수 있다. 동기 (Synchronous): 코드가 순서대로 실행된다. 작업이 시작되면 끝날떄까지 대기한 후, 다음 작업을 실행한다. 비동기 (Asynchronous): 코드가 동시에 실행된다. 실행중인 작업이 끝나지 않더라도 다음 작업을 실행된다. 동기는 실행 흐름을 파악하기 쉽지만 느리다는 특징이 있고, 비동기는 빠르고 효율적이지만 실행 흐름을 파악하기 어렵다는 특징이 있다. 이번 시간엔 비동기로 코드를 실행하는 방법들에 대해 알아보자. Callback 비동기로 대부분 콜백을 가장 먼저 접한다. 매개변수로 함수 실행 시 실행이 필요한 값들과, 또 다른 함수를 전달한다. 함수의 실행이 완료되면, 전달했던 함수가 호출되는.. 2023. 5. 13.
[Javascript] Array Method 정리 Javascript를 사용하다보면 array를 다뤄야 할 일이 많다. 일일이 알고리즘을 작성해 다룰 수도 있겠지만, 기본적으로 제공하는 함수들을 이용하면 훨씬 효율적으로, 가독성 있게 작성할 수 있다. 이번 시간에는 Javascript에 내장되어있는 array util method들에 대해 알아보자. length 함수가 아닌 속성이다. 배열의 길이를 반환한다. arr.length = 5 와 같이 length에 값을 직접 대입해 배열의 길이를 변경할 수 있다. 구문 arr.length 예시 length 읽기 /* length 읽기 */ const arr = [1, 2, 3]; console.log(arr.length); // 3 for(let i = 0; i < arr.length; i++) { conso.. 2023. 4. 3.
[Javascript] var, let, const의 특징과 var의 문제점 ES6에 들어서며 var의 문제점을 해결하기 위해 새로운 변수 선언 방법인 let, const가 등장했다. var, let, const의 특징과, var를 사용하면 안 되는 이유에 대해 알아보자. var ES6 이전의 변수 선언 방식으로, 재할당 및 재선언이 가능하다. 초기값을 주지 않으면 undefined가 들어간다. var a; // undefined a = 2; // 재할당 var a = 3; // 재선언 아래와 같이 여러 변수를 한꺼번에 선언할 수도 있다. var a = 1, b = 2, c, d = a; 또한 var 키워드를 주지 않고 변수에 값을 할당하면, 암묵적으로 전역 변수를 생성한다. a = 1; console.log(a); // 1 function test() { b = 2; } tes.. 2023. 3. 10.
[Javascript] Number, Number.parseInt, parseInt의 차이 Intro Number('123'), Number.parseInt('123'), parseInt('123') 모두 문자열 '123'을 숫자 123으로 변환해준다. 이 세 함수들의 차이가 무엇인지 알아보자. Number('string') 문자열에 숫자가 아닌 다른 문자가 들어있는 경우 NaN을 반환한다. Ex) '123a', '#123', '1+2', ... 하지만 예외적으로 진법을 나타내는 문자 (0b, 0o, 0xA~F), 음수 ( - ), Infinity는 허용된다. parseInt 문자열 뒤에 진법을 넘겨줄 수 있다. 또한 숫자가 아닌 다른 문자가 들어있는 경우 해당 문자 이전까지의 값 까지만 변환한다. Ex) parseInt('123z4') => 123 // 아래의 코드들은 전부 15를 반환한다... 2022. 9. 26.
반응형