본문 바로가기

Network

 (13)
API 문서 작성: HTTP Status와 JSON 파라미터 API 문서 작성: HTTP Status와 JSON 파라미터1. HTTP Status 코드 설명HTTP 상태 코드는 클라이언트와 서버 간의 요청 및 응답 상태를 나타낸다.성공 코드200 OK요청이 성공적으로 처리됨.주로 GET, PUT, PATCH, DELETE 요청에 사용.201 Created요청이 성공적으로 처리되었고, 새로운 리소스가 생성됨.주로 POST 요청에 사용.204 No Content요청이 성공적으로 처리되었으나, 응답 본문(body)이 없음.DELETE 요청 후 주로 사용.실패 코드400 Bad Request클라이언트 요청이 잘못되어 서버가 이해하지 못함.예: 잘못된 파라미터 전달.401 Unauthorized인증이 필요하거나, 인증에 실패했을 때 발생.예: 유효하지 않은 토큰.403 F..
SSR vs CSR 서버사이드 렌더링 (SSR)정의:화면을 렌더링(HTML 생성)을 서버에서 처리하고, 브라우저로 완성된 HTML을 전송하는 방식.작동 원리:클라이언트(브라우저)가 서버에 요청.서버에서 필요한 데이터를 조회하고, HTML을 생성.완성된 HTML을 클라이언트에 응답.브라우저가 HTML을 그대로 렌더링.사용 기술:JSP, Thymeleaf, PHP, Ruby on Rails 등.최근에는 Next.js(React 기반 프레임워크)도 SSR 지원.장점:SEO(검색 엔진 최적화): 검색 엔진 크롤러가 HTML을 바로 읽을 수 있음.초기 로딩 속도가 빠름: 브라우저가 완성된 HTML을 바로 렌더링.적은 자바스크립트 의존성.단점:사용자 인터랙션이 많은 경우 서버와의 왕복 요청이 많아짐.서버 부하 증가: 모든 렌더링 작업..
CORS란 CORS(Cross-Origin Resource Sharing, 교차 출처 리소스 공유)는 웹 애플리케이션이 서로 다른 출처(origin)에서 리소스를 요청할 수 있게 해주는 보안 기능이다.기본적으로 웹 브라우저는 동일 출처 정책(Same-Origin Policy)에 의해 다른 출처의 리소스에 대한 요청을 제한한다.이 정책은 악의적인 웹 사이트가 사용자의 데이터를 훔치거나 조작하는 것을 방지하기 위해 존재한다.하지만, CORS를 통해 합법적인 경우에 한해 이러한 제약을 해제할 수 있다.동일 출처 정책동일 출처 정책은 웹 보안의 핵심 개념이다. 동일 출처란 프로토콜, 호스트, 포트가 모두 동일한 경우를 말한다.예를 들어, http://example.com과 https://example.com은 프로토콜이 ..
Open API와 API Key Open APIOpen API는 공개적으로 제공되는 API로, 외부 개발자가 이를 사용하여 자신들의 애플리케이션과 상호작용하거나 데이터를 활용할 수 있도록 제공된다.목적: 외부 개발자들이 특정 서비스에 접근할 수 있도록 허용하고, 이를 통해 다양한 애플리케이션 간의 상호작용을 가능하게 한다.특징: 대부분 RESTful API 형태로 제공되며, 표준화된 방식으로 데이터를 요청하고 받을 수 있도록 한다. 보통 JSON 형식으로 데이터를 주고받는다.예시:Google Maps API: 구글 지도 데이터를 외부 애플리케이션에서 사용할 수 있도록 제공.Twitter API: 외부 애플리케이션에서 트위터 데이터를 읽거나 쓸 수 있도록 제공. API KeyAPI Key는 API를 사용하기 위한 인증 정보로, API 제..
HTTP 1. HTTP 메서드 (HTTP Methods)HTTP 메서드는 클라이언트가 서버에 요청의 목적을 전달하는 데 사용된다. 주로 CRUD 작업에 매핑된다.메서드 설명 CRUD 매핑GET데이터를 서버에서 가져오기 위한 요청. **요청 본문(body)**를 가질 수 없음.ReadPOST서버에 데이터를 추가(전송)하기 위한 요청. 본문에 데이터를 포함.CreatePUT서버에 있는 자원을 전체 업데이트(전체 교체)하는 요청. 본문에 수정된 데이터를 포함.UpdateDELETE서버에서 데이터를 삭제하기 위한 요청.Delete 2. 자원과 URLHTTP에서 **자원(Resource)**은 클라이언트가 요청하는 **주소(URL)**에 의해 식별된다.URL 구조:https://example.com/resource/123..
심화 SPA 심화 SPA (Single Page Application)SPA는 웹 애플리케이션에서 단일 HTML 페이지를 로드한 뒤, 페이지 전체를 새로 고치지 않고 일부만 동적으로 렌더링하여 사용자 경험을 향상시키는 방식이다. SPA에서 AJAX의 역할AJAX (Asynchronous JavaScript and XML)는 SPA에서 핵심적인 역할을 하며, 서버와 비동기적으로 데이터를 교환하고 일부 UI만 갱신하도록 돕는다.AJAX의 주요 특징페이지 전체 새로 고침 없음:서버와 데이터만 주고받아 필요한 부분만 업데이트.사용자 경험(UX) 향상.비동기 통신:사용자 인터페이스가 차단되지 않음.백그라운드에서 데이터를 가져오는 동안 사용자는 다른 작업 가능.JSON 포맷 사용:SPA에서는 주로 JSON 데이터를 주고받아 서..
CORS CORS (Cross-Origin Resource Sharing)교차 출처 리소스 공유(CORS)는 웹 브라우저가 한 출처에서 로드된 웹 애플리케이션이 다른 출처의 리소스에 접근할 수 있도록 허용하거나 제한하는 보안 메커니즘이다. CORS가 발생하는 상황CORS 에러 발생 조건:클라이언트(브라우저)가 출처가 다른 서버에 요청.서버가 CORS 정책을 통해 해당 요청을 허용하지 않을 경우.출처란?URL의 프로토콜, 도메인, 포트로 정의.https://example.com:8080프로토콜: https도메인: example.com포트: 8080동일 출처 정책(Same-Origin Policy):브라우저는 보안상의 이유로 동일 출처가 아닌 리소스에 대한 요청을 기본적으로 차단. CORS의 작동 원리CORS 요청의..
REST API CSR과 SSR의 차이1. CSR (Client-Side Rendering)정의:클라이언트(브라우저)에서 JavaScript로 데이터를 처리하고 동적으로 렌더링.장점:필요한 데이터만 서버에서 받아 UI 업데이트.빠른 사용자 경험(페이지 리로드 없음).클라이언트 중심의 인터랙티브 서비스에 유리.단점:검색엔진 최적화(SEO)에 적합하지 않음.초기 로딩 시간 증가.2. SSR (Server-Side Rendering)정의:서버에서 HTML 페이지를 렌더링하여 클라이언트로 전송.장점:검색엔진(SEO)에 적합.초기 로딩 속도 빠름.네트워크 속도가 느린 환경에서 유리.단점:서버 부하 증가.클라이언트와 서버 간 상호작용은 제한적. RESTful API 설계RESTful하게 만든다:자원을 중심으로 HTTP 메서드를 사..

티스토리툴바