Application Programming interface 는프로그래밍에서, 프로그램을 작성하기 위한 일련의 부 프로그램, 프로토콜 등을 정의하여 상호 작용을 하기 위한 인터페이스 사양이다.API 는 각기 다른 부분으로 구성되기도 하며 프로그래머가 사용할 수 있는 도

시스템 구성 및 동작 원리를 나타내며구성 요소 간의 관계 및 시스템 외부 환경과의 관계묘사이다.즉 해당 서비스의 설계도 혹은 청사진 을 의미한다.이번 글에서 다룰 내용은 웹(서비스) 아키텍쳐의 해당한다.클라이언트 : 사용자 인터페이스를 담당한다.서버 : 데이터 처리 및

SPA ? SPA('Single Page Application) 단일 페이지로 구성된 웹 애플리케이션을 의미한다. SPA 등장 이전 웹 애플리케이션을 구성하던 방식인 서버 사이드 렌더링 SSR 의 경우, 화면에 보여질 리소스를 서버로 요청하고, 서버로 부터 받아온

웹 애플리케이션에서 라우팅이라는 개념은 사용자가 요청한 URL 에 따라 알맞은 페이지를 보여주는 것을 의미한다.우리가 웹 애플리케이션을 만들때 프로젝트 하나의 페이지로 구성할 수도 있고, 여러 페이지를 구성할 수도 있다.만약 하나의 페이지로 충분하다면 좋겠지만, 목적에

Ajax(Asynchronous JavaScript and XML)란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹 페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다.이전의 웹페이지는 html 태그로

자바스크립트 에서의 모듈 자바스크립트에서 모듈을 사용할 때는 브라우저 환경에서는 주로 ESM을 사용하고, Node.js 환경에서는 CommonJS를 사용하는 것이 일반적이다. 하지만 Node.js에서도 ESM을 사용할 수 있다. 모듈이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다. 일반적으로 모듈은 기능을 기준으로 파일...

async/await ES8(ECMAScript 2017)에서 async/await가 등장하였다. async/await는 프로미스를 기반으로 동작한다. async/await를 사용하면 프로미스의 then/catch/finally 후속 처리 메소드에 콜백 함수를 전달해서 비동기 처리 결과를 후속 처리할 필요 없이 마치 동기 처리처럼 프로미스가 처리 결과...

자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용한다.하지만 전통적인 콜백 패턴은 콜백 지옥으로 인해서 가독성이 나쁘고 비동기 처리 중 발생한 에러의 처리가 곤란하며 여러 개의 비동기 처리를 한 번에 처리하는 데도 한계가 있다.이와 같이 오른쪽으로 점

클래스는 es6에 등장했다.부모 자식간의 관계를 나타내는 용어는 많다. 나는 자식,부모 클래스라고 부른다.extends 키워드는 부모 클래스로부터 자식 클래스가 프로퍼티와 메소드를 상속받게된다.super 키워드는 자식 클래스에서 부모 클래스의 생성자 함수를 호출하는 함

css의 기본 문법과 구조 html에 적용 하는법html안에 직접적으로 정의하지 않는 이유css에서 쓰이는 단위css 박스모델css 셀렉터

HTML = Hyper Text Markup Language웹 페이지와 그 내용을 구조화하기 위해 사용하는 코드예를 들면, 콘텐츠는 여러 개의 문단, 글 머리 목록이 구조화된 것이거나 사진이나 데이터 테이블웹 페이지의 구조를 정의하는 마크업 언어이다.여는 태그(Open