반응형

웹/React 2

[React] 리액트 브라우저 자동실행 방지 (BROWSER=none 환경변수 설정, cross-env 설치)

오늘은 리액트에서 브라우저가 자동실행되지 않도록 설정하는 방법에 관해 알아보겠습니다. 몇 가지 방법을 소개해 드릴 예정입니다. 모두 어려운 내용은 아닌데, 관련 한글 자료가 별로 없어서 가볍게 설명해 드리고자 포스팅하게 되었습니다. 리액트 브라우저 자동실행 리액트로 개발을 진행하다 보면 일반적으로, npm start 또는 yarn start 명령어를 통해 코드를 실행하게 됩니다. 이때, 브라우저가 자동실행되면서, 리액트 개발 서버가 연결된 3000포트를 경로로 열어줍니다. 매번 브라우저가 실행되는 것이 보기 싫어 자동실행을 막고 싶으신 분들이 있을 것 같습니다. 지금부터 방법을 알아보도록 하겠습니다. create-react-app 환경변수 일반적으로 create-react-app을 통해 리액트 프로젝트를..

웹/React 2023.04.16

[React] 리액트 버전 낮추기(변경/다운그레이드) + 오류 해결

오늘은 리액트 버전 낮추는 방법에 관해 알아보겠습니다. 진행하며 발생할 수 있는 오류까지 자세히 살펴볼 예정입니다. 종속성 문제 때문에 최신 버전이 아닌 리액트를 사용해야 하는 경우가 종종 있는데, 저도 그런 상황이어서 직접 공부한 내용을 포스팅하게 되었습니다. 리액트 버전 낮추기(변경/다운그레이드) 일반적으로 다음과 같이 npx create-react-app으로 리액트 앱을 만드실 겁니다. npm start 또는 yarn start로 실행하게 되면 정상적으로 잘 컴파일된 것을 확인할 수 있습니다. 리액트는 개발할 때 이용할 수 있게 자동으로 프론트 쪽 서버를 제공해주는데요, 아래와 같이 localhost:3000에서 확인이 가능합니다. 그런데 상황에 따라 더 낮은 버전의 리액트를 사용해야 할 수 있습니..

웹/React 2022.05.07
반응형