꾸준한 개발일기

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

갑자기 친구한테 카톡이 왔다 친구가 개발, 디자인도 아닌 평범한 연구직인데 갑자기 홈페이지 기획을 맡게 되었다는데 배너 크기를 알고싶다는 것이었다 이런 질문을 하는 사람이 처음이라 재밌고 웃기다 ㅋㅋㅋㅋㅋ 하긴 개발이나 디자인 직무가 아니면 모를 수도 있겠구나 그리고 친구가 검색을 해봐도 제대로 안 나온다길래 블로그에 정리해보기로 했다 1. 홈페이지 접속 먼저 확인하고 싶은 디자인이 있는 홈페이지에 접속한다 2. 개발자 도구 열기 F12를 눌러 개발자 도구를 연다 3. 아이콘 클릭 빨간색 블럭친 아이콘을 클릭해준다 4. 마우스 커서로 정보 확인 원하는 디자인 부분에 마우스 커서를 올리면 정보가 나온다

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