reactSpinner (1) 썸네일형 리스트형 [리액트 React] 리액트 로딩화면(스피너) 추가하기 / api 호출 시 로딩화면(스피너) 넣기 안녕하세요. 디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서는 리액트에서 api 호출했을 때 로딩화면/스피너 넣는 방법에 대해 공유하겠습니다. 어렵지 않으니 차례대로 따라해 주세요! 이 글은 이미 리액트 프로젝트가 만들어져 있다는 가정 하에 작성된 글입니다. 1. 로딩화면 컴포넌트 만들기 Loading.js를 생성하고 아래의 코드를 입력해 주세요. // Loading.js import React from 'react'; export const Loading = () => { return Loading; }; export default Loading; 2. 로딩화면의 스타일을 잡기 위해 styled-components를 설치합니다. styled-components를 사용하고 싶지 않으시..