0strich

컴포넌트 위키피디아에 기재되어 있는 Component 기반 개발은 다음과 같다. 기존의 시스템이나 소프트웨어를 구성하는 컴포넌트를 조립해서 하나의 새로운 응용 프로그램을 만드는 소프트웨어 개발 방법론 기업들은 쇼핑 바구니, 사용자 인증, 검색엔진, 카탈로그 등 상업적으로 이용 가능한 컴포넌트를 결합하여 그들의 전자상거래 응용 프로그램을 개발하는 컴포넌트 기반 개발을 사용한다. 컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있다. 개념적으로 컴포넌트는 Javascript 함수와 유사하다. props라고 하는 임의의 데이터를 입력을 받은 후, 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환한다. props는 상위 컴포넌트에서 하위 컴포넌트..

Buffer 클래스 Buffer클래스는 Binary Data들의 Stream을 직접 다루기 위해 Node.js에 추가된 API이다. Node.js의 Buffer 클래스에 대해 알아보기 전에, Buffer 클래스로 다루는 다음 3개의 단어들을 먼저 숙지할 필요가 있다. Buffer : 데이터가 도착하는 곳의 처리속도가 먼저 도착한 데이터보다 빠를 때 나머지 데이터가 쌓이는 것을 기다리는 영역 Stream : 한지점에서 다른 지점으로 이동하는 일련의 데이터 (chunk(덩어리) 단위로 세분화돼서 전송) Binary Data : 컴퓨터가 어떤 데이터를 표현하거나 저장하기 위한 단위 (이진수 => 0,1) 우선 Buffer라고 한다면 구체적인 이미지가 떠오르지 않을 것이다. Buffer와 Stream의 예시를 ..

Promise 자바스크립트 비동기 처리에 사용되는 객체 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용 예시, API를 사용한 서버와의 요청-응답 사용법 new Promise(이행, 거부) Promise의 3가지 상태(Status) Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태 Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태 Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태 Pending(대기) new 키워드를 사용한 Promise() 호출 new Promise((resolve, reject) => {}) Fulfilled(이행) Promise의 콜백 함수 인자 중 첫 번째 인자를 실행 이행 상태가 되면 then 메..