Web (4) 썸네일형 리스트형 REST API와 GraphQL 비교 그동안 저는 모든 프로젝트에서 서버 통신 시 REST API를 사용해 왔습니다. 그러나 최근 GraphQL 사용자가 늘어나는 것을 보고, REST API와 GraphQL의 차이점을 정확히 알아보고자 합니다. 이를 위해 REST API와 GraphQL을 비교하여 각각의 장단점을 살펴보겠습니다. REST APIREST(Representational State Transfer)는 HTTP 프로토콜을 기반으로 하는 아키텍처 스타일입니다. REST API는 리소스(URL) 기반으로 구성되며 각 리소스는 고유한 URL로 접근할 수 있습니다. 또한 리소스는 HTTP 메서드(GET, POST, PUT, DELETE 등)를 통해 조작됩니다.REST API의 장점표준화: REST는 잘 정의된 표준을 따르기 때문에 많은 개.. Promise란? 자바스크립트는 비동기적으로 수행되는 언어이다. 이러한 비동기 작업을 효율적으로 처리해 줄 수 있는 객체가 바로 Promise이다. Promise를 활용하여 웹 요청, 파일 읽기, 데이터 베이스 쿼리 등 시간이 걸리는 작업을 효율적으로 처리할 수 있다. 특징 1 작업 성공 시 then() 메서드를 사용하고, 실패 시 catch() 메서드를 사용하여 작업을 처리한다. myPromise .then((result) => { console.log('성공: ' + result); }) .catch((error) => { console.error('실패: ' + error); }); 특징 2 Promise.all() 메서드를 사용하여 여러 Promise를 병렬적으로 처리가 가능하며, 이러한 작업들을 모두 수행완료 할.. 클로저란? [참고] https://developer.mozilla.org/ko/docs/Web/JavaScript/Closures 클로저 - JavaScript | MDN 클로저는 주변 상태(어휘적 환경)에 대한 참조와 함께 묶인(포함된) 함수의 조합입니다. 즉, 클로저는 내부 함수에서 외부 함수의 범위에 대한 접근을 제공합니다. JavaScript에서 클로저는 함수 생 developer.mozilla.org 웹 개발자라면 기본적으로 알아야 하는 개념이지만 그동안 소홀해지며 정확한 개념을 많이 잊었다는 생각이 들었습니다. 따라서 오늘 확실하게 개념을 잡아놔서 앞으로는 잊지 않기 위해 간단히 정리를 해보려고 합니다. 의미 클로저란 함수와 함수가 선언될 때의 범위를 기억하고 이 범위를 나중에 참조할 수 있는 함수입니다.. CSR과 SSR 웹 개발자들이라면 기본적으로 알아야 할 상식이지만 막상 내가 다른 사람에게 자세히 설명할 상황이 됐을 때 이에 대해 뭉뚱그려 알고만 있다는 걸 깨달았다. 따라서 이번 포스팅을 통해 정리하며 다시 한번 개념을 명확하게 이해해보려고 한다. SPA와 MPA CSR과 SSR에 대해 알기 전 먼저 SPA와 MPA에 대해 알아봐야 겠다. MPA 란? Multiple Page Application의 약자로, 여러 개의 페이지로 이루어진 Application이다. 전통적인 방식으로서 새로운 페이지 요청 시 또는 새로고침 시 정적 리소스가 다운로드되며 전체 페이지가 다시 랜더링 된다. HTML 파일을 서버로부터 전달받기 때문에 크롤링하기 적합하여 SEO에 좋다. 또한 서버에서 렌더링 후 가져오기 때문에 첫 로딩이 짧.. 이전 1 다음