요즘 강의를 보면서 프로그램을 만들고 있는데 프론트엔드 부분을 만드는데 있어서 react를 사용해보려고 했다. 하지만 방법 그대로 터미널에 npx create-react-app my-app(그냥 자기 폴더명을 적으면 됨) 을 눌러서
마지막에 Happy hacking! <--이런 문구가 뜨면 설치가 완료된거임(대략 1분정도 소요)
이제 frontend 파일 경로로 들어가서 yarn start로 확인해보면
이런 에러가 뜬다
잘 읽어보면 위에는 그냥 결과를 말하고 있고 마지막 부분이 문제가 있는 위치와 분야를 말하고 있다
FullyQualifiedErrorId : UnauthorizedAccess <- 이 부분을 통해서 내가 건든건 없지만 권한 문제인 것을 알 수 있다 4
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
이 명령어를 작성하여서 로컬에서 생성된 스크립트를 실행할 수 있고, 인터넷에서 다운로드된 스크립트는 서명이 필요하게 설정한 후에 다시 yarn start를 입력하면
이렇게 뜨면서 실행이 된다
동시에 이런 react 로고까지 뜨면 프론트엔드 작성을 위한 준비가 된 것이다.
요약: Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
RemoteSigned는 로컬에서 만든 스크립트는 실행가능하지만 외부에서 만든 스크립트는 사용자의 서명이 필요하게 설정하는 명령어이다.
rafce와 rafc의 차이는 뭘까
둘 다 React 함수형 컴포넌트를 빠르게 생성하는 데 사용된다.
하지만 작성해보면
rafce의 경우 export default -----; <-- 라는 문구가 자동으로 생성된다 그리고 이러한 문장으로 인해서 정보를 내보내기가 쉬워진다 예를 들어서 지금 사용자의 정보를 백엔드로 보내야한다면 rafce로 작성하는게 빠를 것이고 이미 백엔드에 저장이 되어있다면 그냥 rafc로 단순히 컴포넌트를 생성하면 될 것이다.