- REST API(Representational State Transfer API) HTTP 프로토콜을 통해 API를 설계하기 위한 아키텍처 스타일 - 구성 자원(Resource-URI), 행위(Verb-HTTP Method), 표현(Representations) - 특징 1. Uniform(유니폼 인터페이스): URI로 지정한 리소스에 대한 조작을 통일되고 한정적인 인터페이스로 수행하는 아키텍처 스타일 2. Stateless(무상태성): 작업을 위한 상태정보를 따로 저장하고 관리하지 않음(세션 정보나 쿠키 정보) >> 서비스의 자유도 높음, 구현 단순 3. Cacheable(캐시 가능): REST는 HTTP 웹 표준을 그대로 사용하기 때문에 HTTP가 가진 캐싱 기능 적용 가능 4. Self-desc..

- Axios 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 프론트엔드와 백엔드 간 통신을 쉽게 하기 위하여 Ajax와 더불어 사용 이미 자바스크립트에는 Fetch API가 있지만 프레임워크에서 ajax를 구현할 땐 Axios를 쓰는 편 - 특징 1. 운영 환경에 따라 브라우저의 XMLHttpRequest객체 또는 Node.js의 HTTP API 사용 2. Promise(ES6) API 사용 3. 요청과 응답 데이터의 변형 4. HTTP 요청 취소 5. HTTP 요청과 응답을 JSON 형태로 자동 변경 - Axios 문법 구성 axios({ url: 'https://test/api/cafe/list/today', // 통신할 웹문서 method: 'get..

- Express 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크 Node.js가 Chrome의 V8을 이용하여 JavaScript를 브라우저가 아니라 서버를 구축하고 서버에서 JavaScript를 작동시키는 런타임 환경(플랫폼) 방법을 이용 Node.js에서 웹 애플이케이션 or API 서버를 구축하는데 가장 많이 사용되는 대표적인 프레임워크 - 장점 1. JavaScript 개발에서 웹 서버 개발까지 가능 2. 프론트엔드, 백엔드 개발 동시에 가능 3. 빠른 웹 애플리케이션 개발 가능 >> 유지보수 비용 절감, 개발 생산성 향상 - 설치 프로젝트의 백엔드 폴더에서 터미널로 설치 1. npm init 2. npm install e..

- 동기(Synchronous) 서버에서 요청을 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있음 >> A작업이 모두 진행될 때까지 B작업은 대기해야함. - 비동기(Asynchronous) 요청을 보냈을 때 응답 상태와 상관 없이 다음 동작을 수행 할 수 있음 >> A작업과 무관하게 B작업이 동시에 실행될 수 있음. - 동기적 처리 console.log("1"); console.log("2"); console.log("3"); 을 실행하면 아래와 같이 순서대로 출력, 코드가 위에서 아래로 내려오며 출력 1 2 3 - 비동기적 처리 console.log("1"); setTimeout(()=>{ console.log("2"); // 콜백함수 }, 0) console.log("3"); 을 실행하면 아래와..

CORS(Cross-Origin-Resource-Sharing) = 교차 출처 리소스 공유 정책 - 원인 웹 브라우저는 HTTP 요청에 대해 어떤 요청을 하느냐에 따라 각기 다른 특징을 가지고 있기 때문 + SOP 정책 - Origin(출처) URL 구성요소 중 Protocol+Host+Port Origin 3개 요소만 같으면 나머지 URL 요소는 달라도 동일 출처로 인정 Origin 3개 요소 중 하나라도 다르면 Cross-Origin - SOP(Same Origin Policy) 동일한 출처(Origin)에서만 리소스를 공유할수 있다는 법률을 가지고 있는 정책 동일한 출처(Same-Origin) 서버에 있는 리소스는 자유롭게 가져올수 있지만, 다른 출처(Cross-Origin) 서버에 있는 리소스는 ..