본문 바로가기

javascript3

[JavaScript] 비동기 처리 완벽 정리: Callback → Promise → Async/Await 자바스크립트는 싱글 스레드 언어입니다. 그런데도 수많은 네트워크 요청과 파일 I/O를 막힘없이 처리할 수 있는 이유는 바로 비동기 처리 메커니즘 덕분입니다. 이번 포스팅에서는 콜백(Callback)부터 시작해 Promise, 그리고 현대적인 Async/Await까지 비동기 처리의 발전 과정을 코드와 함께 살펴보겠습니다.1단계: Callback - 가장 기본적인 비동기 처리콜백은 함수를 다른 함수의 인자로 전달해 나중에 실행하는 패턴입니다. 이해하기는 쉽지만, 중첩이 깊어지면 '콜백 지옥(Callback Hell)'이 발생합니다.// 콜백 지옥 예시getUser(userId, function(user) { getOrders(user.id, function(orders) { getOrderDetail.. 2026. 4. 6.
[JavaScript] 탐색 메서드 안녕하세요 오늘은 자바스크립트에서 탐색 메서드를 알아보려고 합니다! 배열 탐색이란 배열에서 특정 조건을 만족하는 요소를 찾아내는 행위입니다. 탐색 메서드를 활용하면 간단하게 배열에서 특정 요소를 검색할 수 있습니다. 1. indexOf : 배열에서 찾으려는 요소의 인덱스를 반환하는 메서드입니다. 이 메서드는 2개의 인수를 전달합니다. arr.indexOf(item, fromIndex); 여기서 item은 찾으려는 요솟값, fromIndex는 탐색을 시작할 인덱스 번호입니다. 예를 들어, let arr = [1,3,5,7,1]; console.log(arr.indexOf(1,0)); ------> 0 여기의 결과값에서는 배열 arr에서 indexOf메서드를 호출하고, 인수로 찾으려는 값 1, 탐색을 시작할.. 2024. 4. 5.
[JavaScript] 명시적 형변환 안녕하세요~ 오늘은 자바스크립트에서 명시적 형 변환 방법에 대해 포스팅하려고 합니다! 여러 형 변환이 있지만 저는 대표적인 문자형과 숫자형 간의 형 변환에 대해 설명해 드리겠습니다. 1. 문자형 -> 숫자형 변환 아래 코드와 같이 자바스크립트가 기본적으로 제공하는 내장 함수 Number을 써서 문자열을 숫자로 변환해 보았는데요, 변수 strB처럼 숫자가 아닌 문자를 포함한 문자열은 정상적으로 반환되지 않는 것을 알 수 있습니다. let strA = "10"; let strB = "10개"; let numA = Number(strA); let numB = Number(strB); console.log(strA); console.log(strB); ----> 10, Nan 그럼 어떻게 해야 숫자형으로 변환이.. 2024. 4. 4.

티스토리툴바