study035 [Javascript] AJAX (Asynchronous JavaScript and XML) 완전 정리 ✅ AJAX (Asynchronous JavaScript and XML) 완전 정리1. 📌 AJAX란?AJAX는 하나의 기술이 아니라 웹에서 비동기 통신을 가능하게 해주는 "기술 조합"을 의미합니다.화면 전체를 새로 고치지 않고도, 서버와 데이터 주고받기를 가능하게 합니다.▶️ 구성 요소:구성설명JavaScript비동기 요청 로직 구현XMLHttpRequest 또는 fetch서버와 통신DOM응답 결과를 웹페이지에 반영(과거에는 XML, 요즘은 대부분 JSON)응답 데이터 형식2. 🧠 왜 AJAX를 쓰는가? (사용 이유)기존 방식 (동기)AJAX 방식 (비동기)페이지 전체를 리로드일부 데이터만 갱신사용 중단 → 응답 기다림UI 유지하면서 요청 수행느리고 비효율적빠르고 반응성 높은 UX 제공✅ 사용 목적.. 2025. 5. 8. [HTTP] HTTP 상태 코드 HTTP 상태 코드는 웹에서 서버가 클라이언트의 요청(Request)에 대해 어떤 응답(Response)을 했는지 알려주는 숫자 코드입니다. 총 5가지 범주로 나뉘며, 각 범주는 특정한 의미를 갖고 있습니다. 아래는 이를 이해하기 쉽게 정리한 내용입니다.✅ 1. 1xx (Informational) - 정보 응답요청을 받았고, 처리를 계속 진행 중이라는 의미.상태코드이름의미100Continue클라이언트가 요청의 일부를 보내고 있으며 나머지를 계속 보내도 좋다는 의미.101Switching Protocols서버가 프로토콜 변경 요청을 수락함 (ex. HTTP → WebSocket).102Processing (WebDAV)서버가 요청을 처리 중이지만 아직 응답할 준비가 되지 않음.✅ 2. 2xx (Succes.. 2025. 4. 14. [Javascript] 자바스크립트 변수 선언, 스코프, TDZ, 호이스팅, 스코프 체인, 클로저 총정리 ✅ 1. 변수 선언 방식과 스코프자바스크립트에서는 변수를 var, let, const로 선언하며 각각의 스코프(Scope)와 호이스팅(Hoisting), TDZ(Temporal Dead Zone) 특징이 다릅니다.선언 키워드스코프재선언재할당호이스팅TDZvar함수(function)OO선언+초기화❌ 없음let블록(block)❌O선언만 호이스팅✅ 있음const블록(block)❌❌선언만 호이스팅✅ 있음✅ 2. 호이스팅(Hoisting)이란?호이스팅은 변수나 함수 선언이 스코프의 최상단으로 끌어올려지는 현상console.log(a); // undefinedvar a = 5;var a 선언이 위로 올라감내부적으로는 다음처럼 작동:var a;console.log(a); // undefineda = 5;🔹 let/c.. 2025. 4. 3. [Node.js] 'nodemon' 로컬 설치 vs 전역 설치 정리 ✅ nodemon 로컬 설치 vs 전역 설치 정리📁 폴더 구조 예시webgui/├── node_modules/├── package.json├── 0327/│ ├── app.js│ └── *.html❓ 문제 상황현재 webgui/0327 폴더에서 app.js 실행을 위해 nodemon app.js 입력 시 실행되지 않음하지만 npx nodemon app.js는 정상 실행됨💡 원인 및 개념1. nodemon app.js가 안 되는 이유nodemon 명령어는 전역(global)으로 설치된 경우에만 터미널에서 직접 실행 가능현재 전역 설치가 안 되어 있으므로, 명령어를 인식 못함2. npx nodemon app.js는 되는 이유npx는 현재 프로젝트의 node_modules/.bin 디렉토리에서 실행.. 2025. 3. 27. [Javascript] JavaScript의 Falsy Falsy (거짓 같은 값)프로그래밍에서 Falsy(거짓 같은 값)란 논리적 평가(예: if 문)에서 false로 간주되는 값을 의미.JavaScript에서는 특정 값들이 자동으로 false로 평가되며, 이를 Falsy value 라고 한다.JavaScript에서 Falsy 값 목록:이러한 값들은 조건문에서 자동으로 false로 간주.if (!0) { console.log("Falsy 값입니다!"); // 실행됨}위 코드에서 0은 Falsy 값이므로 if (!0) 조건이 true로 평가되고, "Falsy 값입니다!"가 출력.Falsy 값과 Boolean 변환JavaScript에서 Boolean() 함수를 사용하면 값이 true인지 false인지 확인할 수 있음.console.log(Boolean(fal.. 2025. 3. 20. 이전 1 다음
