react-select 라이브러리는 html 의 select 구문에 각종 편리하고 자주 쓰이는 기능을 React에서 사용할 수 있도록 모듈화한 라이브러리를 말합니다. react-select는 기본적인 SELECT OPTION 기능, 신규 Creatable 기능, 고정값을 지정하는 Fixed 기능 등 콤보 박스를 활용할 때 자주 구현되는 기능이 모여 있습니다. react-select의 설치 다음과 같이 입력하여 react-select 를 설치합니다. npm i –save react-select react-select를 사용하는 커스텀 … Read more
잘 사용하던 React 앱을 Vercel 클라우드에 올려본 후, 주소창에 경로(라우팅)를 변경하면 404 에러가 나서 그 해결책을 정리해 보았습니다. Vercel 클라우드는 리액트 기반 Next.js 프레임워크로도 유명합니다. 프론트엔드 전문 답게 Vercel 클라우드 역시 Serverless 혹은 Static 프론트엔드가 강점이 있는 클라우드인데요, 하도 괜찮다는 이야기가 많아서 한번 배포해 보았습니다. 다른 aws 등에서 잘 돌던 React 앱을 배포했고 전반적인 기능은 … Read more
오늘은 리액트 로딩 스피너 중 react-spinners 라이브러리를 리뷰하고, 사용법에 대해서 간단히 정리해 보고자 합니다. 웹사이트에서 시간이 걸리는 데이터를 조회할 때 화면의 변화없이 가만히 멈추어 있다면 사용자는 오류가 난 건지 시간이 걸리는 건지 알 수가 없습니다. 따라서 이럴 때 사용하는게 로딩 스피너인데요, 로딩 스피너를 통해서 현재 어떠한 처리가 진행 중임을 알릴 수 있습니다. 이럴 때 유용한 … Read more