백엔드

서버가 클라이언트에게 리소스를 잘 활용할 수 있도록 제공하는 인터페이스

리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것위의 그림처럼 상품정보와 같은 리소스를 인터넷을 통해 요청하고 있는 쇼핑몰 앱 즉, Client와요청받은 내용을 다시 인터넷을 통해 Client에게 응답하여 제공하는 Server가 서로 상호작용하는 구조를 2-T

인터넷에 있는 자원을 나타내는 유일한 주소위의 사진처럼 우리가 웹브라우저 주소창에서 볼 수 있는 URI에는 각각의 의미가 담겨있다.URI (Uniform Resource Identifier): 특정 리소스를 식별하는 통합 자원 식별자를 의미 (물리적 리소스를 식별하는

클라이언트와 서버 사이에서 데이터가 교환되는 방식HTTP Message는요청 (Requests)응답 (Responses)두가지 유형으로 나뉘어진다.요청과 응답은 위의 사진처럼 유사한 구조를 가진다.start-line : 요청의 상태 (메소드 + URL)HTTP Head

💡 Ajax (Asynchronous JavaScript And XMLHttpRequest)

Client Side Rendering -> Client쪽에서 페이지를 랜더링하는 방식CSR은 클라이언트에서 서버에게 요청을 보내면, 서버는 웹페이지의 골격이 될 기본적인 html을 보내준다.그리고, Javascript 파일을 보내는데 여기에 웹 구동에 필요한 모든 정

웹에서 사용되는 데이터나 자원을 HTTP URI로 표현하고, HTTP프로토콜을 통해 요청과 응답을 정으하는 방식

같은 출처의 리소스만 공유하도록하는 정책SOP은 다른 사이트와 리소스를 공유하는 것을 제한한다.그렇다면 다른 사이트의 기준은 무엇일까?같은 사이트로 판단하는 출처에 대한 정의는 다음과 같다.URI의 Scheme, Host, Port가 같다면 같은 출처라고 판단한다.우리

Node.js 환경에서 웹 서버, 또는 API 서버를 제작하기 위해 사용되는 프레임워크npm으로 express 프레임워크를 사용할 수 있다.Express의 가장 큰 장점 중 하나는 미들웨어를 사용할 수 있다는 것이다.여기서 미들웨어란,요청 오브젝트(req), 응답 오브

컴퓨터끼리 데이터를 주고 받을 때, 컴퓨터의 하드웨어와 소프트웨어가 수행하는 기능을 7계층으로 구분한 것이 OSI 7계층이다.

소셜 로그인OAuth는 인증을 중개해주는 매커니즘이다.소셜로그인을 이용했을 때, 이용자 입장에서는 여러 사이트의 id나 패스워드를 기억해야 될 필요가 없어지기 때문에 더 편리하다.개발자 입장에서도, 회원가입이나 신규회원관리 등을 할 필요성이 줄어들기 때문에 더 좋고,

Graph + Query Language

웹 브라우저의 동작방식에 따르면 다른 출처의 리소스에 접근하는 것을 금지한다.우리는 이럴 때를 해결하고자 CORS방식으로 허가된 다른 출처의 접근을 허용하도록 설정해 줄 수 있다.CORS의 preflight방식으로 요청을 보냈을 때이다.Preflight 요청을 보내서