0strich

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

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

Prototype new 키워드의 기능에 대해 숙지하고 prototype에 대해 알아보자 prototype은 javascript 에서에서는 존재하지 않는 클래스 개념을 비슷하게 구현할 수 있고, 상속을 할 수 있게 해주는 것 같다. 또한 익숙해지면 다른 언어보다 자유도가 높은 코딩을 할 수 있다고 한다. (하지만 아직 실력이 안되니 좀 더 공부할 필요가 있다... ㅠㅠ) Javscript의 Prototype 에는 Prototype Object와 Prototype Link가 존재한다. javscript에서 함수를 만들면 prototype object 가 같이 생성이 되고 prototype 프로퍼티로 접근이 가능하다. 다음과 같이 func() 함수를 만들고 prototype 프로퍼티로 접근해 보자 Proto..