반응형

react 3

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

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

웹/React 2023.04.16

카카오 API 키/토큰 발급 받기 및 사용법

오늘은 카카오 API 키/토큰을 발급받는 방법에 대해 알아보겠습니다. (키나 토큰이나 거의 같은 의미인데, 저는 토큰이 편해서 토큰으로 부르도록 하겠습니다.) 카카오 API에서는 여러 가지 기능을 직접 사용할 수 있도록 openAPI 형태로 제공하고 있는데요. 아직 정보가 많지 않은 것 같아 직접 소개하는 글을 작성하게 되었습니다. 카카오 디벨로퍼스 가입하기 1. 카카오 디벨로퍼스 사이트 접속하기 아래의 링크를 따라 카카오 디벨로퍼스 사이트로 접속합니다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kaka..

기타 2022.07.09

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

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

웹/React 2022.05.07
반응형