꾸준한 개발일기

Promise란? 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미한다. Promise의 특징 프로미스의 특징은 3가지 상태(state)를 갖고있다는 점이다. 상태란 프로미스의 처리 과정을 의미한다. new Promise()로 프로미스를 생성하고 종료될 때까지 3가지 상태를 갖는다. Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태 Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태 Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태 그리고 Producer와 Consumer가 있다는 ..

도서관에서 노마드 코더의 클론코딩을 대여하여 영화 평점 웹서비스 만들기를 시작했다. 초반에는 리액트 개념에 대해 꼼꼼하게 설명해주기 때문에 시간이 좀 걸렸다. 그래도 API로 영화 데이터를 가져와서 페이지에 보여주는데까지 구현했다. 그리고 다시 코드를 보며 새로 알게 된 것들을 정리해보자 한다. state state = { }; - 객체 형태의 데이터로 동적 데이터를 다룰 때 사용한다 - 클래스형 컴포넌트에서 사용할 수 있다 - 리액트는 state를 직접 변경하는 코드를 허용하지 않는다 - state값을 변경하기 위해서 setState() 함수를 이용한다. 예시) class App extends React.Component { state = { isLoading: true, movies: [], }; }..