JadeCode

클라이언트 - 서버 아키텍처 (2티어 아키텍처) 만약 앱과 연결된 서버가 존재하지 않는다면 어떤 문제가 생길까? "결제"는 은행 서버와의 연결이 필요하기 때문에 결제도 하지 못한다. 또한 상품 정보가 업데이트 되면 계속 앱을 업데이트 해야한다. => 서버에 있는 상품 정보를 업데이트 하면 앱을 업데이트 하지 않아도 된다. 이렇게 상품 정보와 같은 리소스가 존재하는 곳(서버)과 리소스를 사용하는 앱(클라이언트)을 분리시킨 것을 2티어 아키텍처 또는 클라이언트 - 서버 아키텍처라고 한다. 또한 리소스를 저장하는 공간을 데이터베이스라고 한다. 클라이언트 - 서버 아키텍처에 데이터베이스가 추가된 형태를 3티어 아키텍처라고 한다. 클라이언트처럼 사용자가 직접 눈으로 보고, UI를 통해 상호작용을 할 수 있는 앱을..

보호되어 있는 글입니다.

비동기 요청의 가장 대표적인 사례는 단연 네트워크 요청이다. 그중에서 URL로 요청하는 경우가 가장 흔한데, 이것을 가능하게 해 주는 API가 바로 fetch API이다. fetch API // Promise ver let url = "URL주소"; fetch(url) .then((response) => response.json()) .then((json) => console.log(json)) .catch((error) => console.log(error)); // Async/Await ver let url = "URL주소"; async function request(){ const response = await fetch(url); } request() Axios Axios는 브라우저, Node.j..

비동기 쉽게 이해하기 커피숍 가면 주문 후 진동벨로 음료를 받아본 적이 있을 것이다. 진동벨도 없고 주문번호도 받지 않았을 때는 어땠을까? 한 사람의 주문이 들어가고 음료가 나온 후 새로운 사람이 주문을 했을 것이다. 이를 blocking이라 하는데, 하나의 작업이 끝날 때 까지 이어지는 작업을 막는 것 이다. 이러한 상황을 동기적이라고 한다. 다시 현재로 돌아와서 진동벨이 있을 때를 비동기적이라고 한다. 일단 동기, 비동기 라는 말이 어렵게 느껴지지만 한 마디로 정의하자면 작업이 끝날 때 까지 기다리지 않고 계속 작업을 이어나가는 것이 비동기이다. 전화 문자 하던 일을 멈추고 받아야 한다(blocking) 확인 후, 나중에 답장할 수 있다(non-blocking) 요청에 대한 결과가 동시에 일어난다(s..

JavaScript는 프로토타입 기반 언어이다. 프로토타입(Prototype)은 원형 객체를 의미한다. 프로토타입 객체의 특성을 다른 객체로 상속하는 것을 가능하게 하는 매커니즘. 객체를 생성할 때 prototype이라는 속성이 자동으로 생성된다. 객체 자체에 상속되는 것이 아니라 prototype이라는 속성에 부모 객체의 속성과 메소드들이 정의된다. .prototype 프로토타입 속성. 클래스명.prototype.함수를 사용하면 인스턴스 객체가 클래스에 접근이 가능하다. 객체 내부에서 어떤property를 찾는데 없으면 prototype으로 올라가서 property를 찾는다. .__proto__ 프로토타입의 객체 내부에 다 내제되어있다. 그 프로토타입을 밖으로 접근하는 접근자속성이다. 함수를 생성하면..

객체 지향 프로그래밍은, 절차 지향 프로그래밍과는 다르게 데이터와 기능을 한곳에 묶어서 처리한다. 속성과 메서드가 하나의 "객체"라는 개념에 포함되며, 이는 자바스크립트 내장 타입인 object(이하, object literal)와는 다르게, 클래스(Class)라는 이름으로 부른다. 메서드 호출은 객체.메서드()과 같이 객체 내에 메서드를 호출하는 방법을 의미한다. let counter1 = { value: 0, increase: function() { this.value++ // 메서드 호출을 할 경우, this는 counter1을 가리킵니다 }, decrease: function() { this.value-- }, getValue: function() { return this.value } } cou..

일급 객체 변수에 할당 할 수 있다. 다른 함수의 전달인자로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. JS의 일급 객체 중 하나가 함수이다. 1. 변수에 함수를 할당할 수 있다. /* * 아래는 변수 square에 함수를 할당하는 함수 표현식이다. * JavaScript에서 함수는 일급 객체이기 때문에 변수에 할당할 수 있다. * * 하지만 함수 표현식은 할당 전에 사용할 수 없다. * square(7); // --> ReferenceError: Can't find variable: square */ const square = function (num) { return num * num; }; // 변수 square에는 함수가 할당되어 있으므로 (일급 객체), 함수 호출 연산자 '()'를..

보호되어 있는 글입니다.