[JavaScript] JavaScript의 비동기 처리: Promise와 async/await 그리고 Java와의 차이점
·
Front end/JavaScript
JavaScript와 Java는 동작 방식에서 근본적인 차이를 가지고 있습니다.특히, 비동기 처리 방식에서 중요한 차이가 발생하는데요.이번 글에서는 JavaScript의 싱글 스레드 모델과 비동기 처리 방법을 설명하고,Java와 비교하며 Promise와 async/await을 활용한 비동기 코드 처리 방식까지 자세히 알아보겠습니다.1️⃣ JavaScript vs Java: 스레드 모델의 차이✅ JavaScript는 단일 스레드(Single Thread)JavaScript는 싱글 스레드(Single Thread) 기반의 언어입니다.-> 즉, 한 번에 하나의 작업만 처리할 수 있습니다.하지만 setTimeout, fetch API 같은 비동기 함수가 존재하는데,이 함수들은 이벤트 루프(Event Loop)와..
[JavaScript] Call by Value 와 Call by Reference
·
Front end/JavaScript
1. Call by Value (값에 의한 호출)Call by Value는 기본 자료형(Primitive Type)을 함수의 매개변수로 전달할 때 발생합니다.자바스크립트에서 기본 자료형은 다음과 같습니다.NumberStringBooleanNullUndefinedSymbolBigInt이 경우, 함수 내부에서 변수의 값을 변경하더라도 원본 변수에는 영향을 주지 않습니다.예제function modifyValue(x) { x = 10; console.log("함수 내부의 x:", x);}let a = 5;console.log("함수 호출 전 a:", a);modifyValue(a);console.log("함수 호출 후 a:", a);실행 결과함수 내부에서 x의 값을 변경했지만, a는 영향을 받지 않았..
[JavaScript] location.replace와 location.href의 차이점
·
Front end/JavaScript
JavaScript를 사용하여 웹 페이지를 다른 URL로 이동시키는 방법에는 여러 가지가 있습니다. 그중에서 location.replace와 location.href는 가장 자주 사용되는 두 가지 방법입니다. 이 글에서는 location.replace와 location.href의 정의와 차이점을 살펴보고, 각각의 활용 예시에 대해 설명하겠습니다.1. location.href란?location.href는 JavaScript에서 현재 페이지의 URL을 변경하여 사용자를 다른 페이지로 이동시키는 속성입니다. 이는 브라우저의 주소창에 새로운 URL을 설정하는 것과 동일합니다.특징:브라우저 기록에 저장됨: 사용자가 뒤로 가기 버튼을 클릭하면 이전 페이지로 돌아갈 수 있습니다.페이지 리디렉션: 페이지가 새로운 UR..