[React] github 프로젝트 로컬상에서 실행하기

관광데이터 공모전을 신청하기에 앞서

리액트로 여행앱을 어떻게 만드는지 확인해보기 위해

유튜브를 뒤적거렸다.
https://youtu.be/0dOSLhPzSGI?si=P5C-YMuLtrTA0BeY

 

먼가 맛있어보이는 영상에서 위와 같은 깃허브 링크를 찾았고

로컬상에 받아서 실행해보니 자꾸 오류가 떴다

 

 

src 폴더에 들어가 다음 행동을 해줬다.

npm install // package.js에 있는 것들 설치를 위해 진행
npm i react react-dom // 리액트랑 리액트 dom 설치
npm install -g react-scripts // 전역적으로 react-scripts를 설치
npm install --legacy-peer-deps // 1번째 줄에서 실패한 후 버전에 맞는 npm 설치를 위해 했던 행동
// opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ] 해결을 위함
set NODE_OPTIONS=--openssl-legacy-provider

 

아무튼 잘해결됐다.

 

 

레퍼런스 목록

1. npm 모듈 업데이트를 위해서는 npm install을 해줘야 한다.

https://dev-emmababy.tistory.com/141

git clone받아서 다른컴퓨터에서 react 작업시작하기

https://stackoverflow.com/questions/72917969/getting-npm-err-eresolve-could-not-resolve-when-i-give-npm-install-in-my-node-p

2. npm install --legacy-peer-deps를 통해 npm install의 의존성에 맞게 설치할 수 있었다.

Getting npm ERR! ERESOLVE could not resolve when I give npm install in my node project

https://stackoverflow.com/questions/74726224/opensslerrorstack-error03000086digital-envelope-routinesinitialization-e

3. set NODE_OPTIONS=--openssl-legacy-provider를 통해 opensslErrorStack 에러를 해결할 수 있었다.

opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ]