일상과 지식 사이

FormData 객체는 HTML5에서 추가된 JavaScript 객체로, 웹 폼(form) 데이터를 쉽게 다룰 수 있도록 하는 객체입니다. 폼 데이터를 쉽게 다룰 수 있도록 해주기 때문에, 서버와의 통신에서 매우 유용하게 사용됩니다. FormData 객체를 생성하기 위해서는 new FormData()를 사용하면 됩니다. 생성된 FormData 객체에는 append() 메서드를 사용하여 데이터를 추가할 수 있습니다. append() 메서드는 두 개의 매개변수를 받는데, 첫 번째 매개변수는 데이터의 이름(name)을, 두 번째 매개변수는 데이터의 값(value)을 받습니다. 이렇게 추가된 데이터는 name과 value 형태로 저장됩니다. const formData = new FormData(); formDa..

Fetch API는 JavaScript에서 네트워크 요청을 처리하는 인터페이스로, 비동기적으로 요청을 보내고 응답을 처리하는 방식으로 동작합니다. Fetch API를 사용하면 XMLHttpRequest 객체와 같이 브라우저 내장 API를 사용하여 데이터를 요청할 수 있습니다. 하지만, Fetch API는 XMLHttpRequest 객체보다 더 직관적이고 유연한 문법을 제공하며, Promise 기반의 비동기 처리를 간편하게 구현할 수 있습니다. 간단한 예제로 Fetch API를 사용하여 네트워크 요청을 보내는 방법을 살펴보겠습니다. fetch(url[, options]) url: 가져올 데이터의 주소(URL)를 문자열 형태로 전달합니다. options(선택 사항): 요청에 대한 추가 옵션을 객체 형태로 전..

자바스크립트는 싱글 스레드 기반 언어이다. 즉 한번에 하나의 작업만을 처리 할 수 있다. 자바스크립트는 싱글 스레드 기반이며 논 블로킹 방식의 비동기적인 동시성 언어이며 콜 스택, 이벤트 루프와 콜백 큐 그리고 여러가지 다른 API들을 가지고 있다. 브라우저 환경 구성 콜스택 자바스크립트는 싱글 스레드 언어이며 한번에 하나의 작업만을 처리 할 수 있다. 콜스택 실행 순서 함수를 호출하면 실행 컨텍스트(Excution Context)가 생성되고 콜스택에 추가후 실행된다. 내부 함수가 있는 경우 콜스택에 추가되고 내부함수가 실행된다. function multiply(a,b) { // 3 return a*b; } function square(n) { // 2 return multiply(n,n); } func..