Spring

Spring & React 결합

오잎 클로버 2022. 1. 12. 05:00
728x90

Spring을 잘하는 편은 아니지만 같이 프로젝트를 진행하거나 할 때 마땅히 같이 할 프론트가 없는 것 같아

저라도 조금이라도 해야겠다는 마음으로 React에 발을 담그게 되었습니다.

 

먼저 nodejs.org/ko/download/ 에 들어가서

Windows Installer를 통해 설치를 받고 

 

명령 프롬포트(cmd)로 node -v 명령어를 통해 올바르게 설치가 되었는지 그리고 해당 node의 버전을 확인하였습니다.

 

여기까지는 문제가 없었는 데..

npm install -g create-react-app 명령어를 진행하자 

 

node : 'node' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오.

 

라는 메시지가 나와 조금 당황스러웠다.

 

그래서 아마 환경변수에 문제가 생긴 것이 아닌지 확인해보았으나 환경변수에는 아무런 문제가 없었기에

대부분 환경변수 설정 후에는 reboot 하는 경우가 대다수라고 생각하여 reboot를 해본 결과

다행히 잘 적용되었다.

 

그러고 나서 react app을 새로 만들기 위해 

create-react-app frontend-react라는 명령어를 진행하자

 

Create-react-app : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\create-react-app.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about Execution_Policies(http://go.microsoft.com/fwlink/?LinkID=135170)를 참조해주세요.

 

라는 메시지가 나와 무슨 오류인지 파악하기 앞서

그냥 혹시 powershell 뿐 아니라 cmd에서도 이와 같은 문제가 발생하는지 궁금하여cmd에서 진행해본 결과

대충 너무 잘된다는 메시지

어... 너무 잘된다.

그냥 powershell 문제였던 걸로...

 

 

잘 작동한다.

 

잘 작동한다...

제2시간은 그냥 다음번에 또 이러지 않도록 경험했다 셈 치고 넘기기로 했다...

 

이상입니다.

'Spring' 카테고리의 다른 글

Spring & React 결합 (최종)  (0) 2022.01.14
Spring & React 결합 (f. CORS해결)  (2) 2022.01.12
스프링 어노테이션 Value  (0) 2022.01.10
Spring [스프링] 공부 (21.11.18)  (0) 2021.11.18
Spring [스프링] 공부 (21.11.13)  (0) 2021.11.13