본문 바로가기

React

(2)

React로 Skeleton UI 만들기 위 프로젝트는 찾고자하는 도시와 동물의 종류를 선택하여 찾기 버튼을 누르면 우측에 동물의 Data를 보여주는 프로젝트이다 서버에서 동물의 Data를 받아오기 전에 우측 화면에 아무런 UI가 없다면 사용자는 콘텐츠를 기다리다가 쉽게 지루함을 느낄 수 있고 단순히 흰색 화면만 보여준다면 많은 사람들은 사이트를 떠나게 될 것이다. 이 전에는 Loading bar 또는 Loading Spinner 등이 쓰였는데 최근 핫하다는 웹 페이지들은 모두 Skeleton을 사용하는 것 같다 더 나은 UX를 위해서 Skeleton UI를 배워보자 import axios from 'axios'; import React, { useEffect, useState } from 'react'; import Skeleton from ..

You are running `create-react-app` 4.0.1, which is behind the latest release (4.0.3). 이슈 해결방법 리액트 프로젝트를 생성하기위해 create-react-app 을 실행하다 발생한 이슈를 해결하는 방법을 알아보자 나중에 이런 이슈가 다시 발생했을 때를 위하여 이 포스트를 작성해보자! 에러 You are running `create-react-app` 4.0.1, which is behind the latest release (4.0.3). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: - npm uninstall -g create-react-app - yarn global remove create-react-app ..

이전 1 다음

티스토리툴바