Web6 [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. [Web] CORS(Cross-Origin Resource Sharing) ✅ CORS 완전 정복CORS(Cross-Origin Resource Sharing)는 웹 보안 정책과 클라이언트-서버 통신의 실제 구현이 맞닿는 지점으로,실무에서 API 개발·프론트엔드 연동·보안 설정에서 매우 중요하게 다뤄집니다.1. 📌 CORS란?🔒 Same-Origin Policy (SOP)란?브라우저 보안 정책의 일환으로, 출처(origin)가 다른 리소스에 대한 접근을 기본적으로 제한함.출처는 다음 3가지 조합으로 구성됨:protocol + domain + portex) https://api.example.com:443🧭 CORS란?SOP의 예외를 만들기 위한 HTTP 기반 보안 메커니즘서버가 명시적으로 허용한 도메인에만 리소스 접근을 허용하는 방식즉, 클라이언트가 다른 출처로 요청을 보.. 2025. 5. 8. [Web] URL Encoding ✅ 1. URL 인코딩이란?URL 인코딩(URL Encoding, Percent-Encoding)은 URL에 포함되면 안 되는 특수문자, 공백, 한글 등 비ASCII 문자를 안전한 ASCII 문자로 변환하는 방식입니다.예:https://example.com/search?query=자바 프로그래밍↓ 인코딩 ↓https://example.com/search?query=%EC%9E%90%EB%B0%94%20%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D✅ 2. 왜 인코딩이 필요한가?✔️ 이유 1: URL은 ASCII 문자만 허용됨URL은 RFC 3986에 따라 ASCII 문자로만 구성되어야 함공백, 한글, %, #, &, = 등의 문자는 ASCII가 아니거나 URL에서 특별한.. 2025. 4. 23. [Web] Query String Query String웹 개발에서 자주 사용되는 개념✅ 1. Query String이란?Query String(쿼리 문자열)*은 브라우저에서 서버로 데이터를 전달하기 위해 URL 끝에 붙는 문자열입니다.형식은 ?키=값&키=값 형태로 구성됩니다.https://example.com/search?keyword=java&page=2? ← Query String의 시작keyword=java ← 첫 번째 파라미터 (key=value)&page=2 ← 두 번째 파라미터 연결 (& 기호 사용)✅ 2. Query String의 특징특징설명위치URL의 끝, ? 뒤에 위치구분자여러 개일 경우 & 로 구분키-값 쌍key=value 형태인코딩 필요공백, 한글 등은 URL 인코딩 필요 (%20, %EC%A0%95%EB%B3%B4.. 2025. 4. 23. [HTTP] HTTP 상태 코드 HTTP 상태 코드는 웹에서 서버가 클라이언트의 요청(Request)에 대해 어떤 응답(Response)을 했는지 알려주는 숫자 코드입니다. 총 5가지 범주로 나뉘며, 각 범주는 특정한 의미를 갖고 있습니다. 아래는 이를 이해하기 쉽게 정리한 내용입니다.✅ 1. 1xx (Informational) - 정보 응답요청을 받았고, 처리를 계속 진행 중이라는 의미.상태코드이름의미100Continue클라이언트가 요청의 일부를 보내고 있으며 나머지를 계속 보내도 좋다는 의미.101Switching Protocols서버가 프로토콜 변경 요청을 수락함 (ex. HTTP → WebSocket).102Processing (WebDAV)서버가 요청을 처리 중이지만 아직 응답할 준비가 되지 않음.✅ 2. 2xx (Succes.. 2025. 4. 14. [Web] API와 EndPoint API Application Programming Interface 소프트웨어 프로그램이 다른 소프트웨어 프로그램으로 데이터를 전송할 수 있도록 하는 일련의 규칙. 한 application이 다른 application으로 부터 서비스를 요청하는 방법. API는 interface. (한 항목이 다른 항목과 상호작용 하는) API call (API request) API 호출은 API의 사용을 트리거하는 API로 전달되는 메시지 API 호출이 동작하려면 API 요구 사항에 따른 형식이 지정되어야 함. API 요구사항 = schema EndPoint An endpoint is the end of a communications channel. API endpoint는 API 응답이 시작되는 곳. API call.. 2022. 10. 20. 이전 1 다음