본문 바로가기

web4

[Web] param vs query vs body 개념 Request 객체는 API를 컨트롤하기 위한 메소드로 아래 세가지를 담고 있다. param query body req.param 주소에 포함된 변수를 담는다. 예를 들어 https://naver.com/post/12345 라는 주소가 있다면 12345를 담는다. 서버에서 Path Variable 로 칭한다. req.query 주소 바깥, ? 이후의 변수를 담는다. 예를 들어 https://naver.com/post?post_id=12345 일 경우 Node.js를 담는다. &로 연결하여 여러 개의 데이터를 넘길 수 있다. https://naver.com/post?post_id=1235&key=value 서버에서 Query parameter 로 칭한다. req.body XML, JSON, Multi.. 2021. 4. 18.
[Web] CORS(Cross-Origin Resource Sharing) 개념 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다. 보안 상의 이유로, 브라우저는 스크립트에서 시작한 교차 출처 HTTP 요청을 제한한다. 출처란? 도메인(호스트), 프로토콜, 포트가 다를 때 출처가 다르다고 말하며, 이때 교차 출처 HTTP 요청을 실행한다. 웹 애플리케이션은 자신의 출처와 동일한 리소스만 불러올 수 있으며, 다른 출처의 리소스를 불러오려면 그 출처에서 올바른 CORS 헤더를 포함한 응답을 반환해야 한다. 해결(허용) 방법 XMLHttpRequest와 Fetch API는 동일 출처.. 2021. 4. 18.
[Web] HTTP, HTTPS, HTTP 버전 HTTP Hyper Text Transfer Protocol의 약어로 WWW(World Wide Web)에 내재된 프로토콜이다. 인터넷에서 자원(파일, 이미지, 비디오)을 교환하는 프로토콜(약속, 규칙) ∴ HTTP는 인터넷에서 클라이언트와 웹 서버간 통신(데이터를 주고 받음)을 위한 프로토콜 중 하나 기본 포트 80 하이퍼텍스트 문서를 표현하기 위한 텍스트 형식의 마크업 언어가 HTML(하이퍼 텍스트 마크업 언어) 문서 같은 것을 교환하기 위한 간단한 프로토콜이 HTTP(하이퍼텍스트 전송 프로토콜) 문서를 디스플레이하기 위한 클라이언트가 WWW(첫번째 브라우저) CORS(Corss-Origin Resource Sharing) 보안상의 이유로 브라우저들이 다른 도메인에게 XHR 요청 보내는 것을 제한할 .. 2021. 4. 8.
[부스트코스] 웹 프로그래밍 BE: Servlet 이란? java의 Servlet이 무엇인지 항상 궁금했는데 이번에 부스트코스를 수강하면서 배울 수 있었습니다. 부스트코스에서 얻은 정보들을 정리해보려고 합니다. 영상이 궁금한 분들은 아래 강의 링크를 참고하여 주세요. 강의링크 [LECTURE] 1) Servlet 이란? : edwith 들어가기 전에 웹 어플리케이션은 정적인 콘텐츠와 동적인 콘텐츠로 나누어 볼 수 있습니다. 프로그램을 수행해서 페이지를 동적으로 만들어 주는 서블릿에 대해서 알아봅니다. 학습 목표 ... - 부스트코스 www.edwith.org 목차 Servlet 이란? Servlet 라이프 사이클 Request, Response 객체 이해하기 1. Servlet 이란? 먼저 서블릿에 대하여 알아보기 전에 자바 웹 어플리케이션에 대해서 알아보도록.. 2020. 2. 4.