학점관리 웹/앱 환경구축

• React.js with Node.js
  • 최신 LTS 버전 (2024.03.30 기준)
  • node 버전 : v21.7.3

구축 방법 (Windows 로컬 서버 개발용)

1. Visual Studio Code 상에서 React 프로젝트 폴더 생성
2. 프로젝트 폴더를 Visual Studio Code에서 열고, 터미널 창에 다음 명령어 실행:
3. npx create-react-app grade-app
4. cd grade-app
5. npm install react-router-dom
6. npm fund
7. yarn add react react-dom
8. yarn add --dev webpack webpack-dev-server
9. yarn add --dev babel-core babel-loader babel-preset-react-app
10. yarn add --dev webpack-cli

 

npm과 yarn 설치시 내가 수동으로 만져서 문제가 생겨

visual code와 powershell을 관리자모드로 실행시킨 후

 

실행 정책 변경을 해야한다.

 

다음 명령어를 입력하여 실행 정책을 임시로 변경할 수 있습니다. 이 명령어는 현재 세션에만 적용되며, PowerShell을 다시 시작하면 기본 정책으로 복원됩니다:

 

Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass

만약 영구적으로 변경하고 싶다면, 다음 명령어를 사용할 수 있다.

이 변경은 사용자 프로필에 적용되며, PowerShell을 재시작해도 유지된다.

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned

Restricted 정책으로 되돌리기

Restricted 정책은 PowerShell 스크립트 실행을 완전히 차단합니다. 이 정책은 스크립트의 실행을 허용하지 않으므로 가장 안전한 정책입니다. 이 정책을 설정하려면 아래 명령어 입력

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy Restricted

 

Default 정책으로 되돌리기

Default 정책은 시스템에 처음 설치되었을 때 적용된 정책입니다. Windows 시스템에서는 기본적으로 Restricted로 설정되어 있습니다. 하지만 다른 설정이나 구성에 따라 다를 수 있으므로, Default 정책을 복원하고 싶다면 아래 명령어 입력

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy Default

 

 

웹앱 UI

yarn add @material-ui/core

yarn add @material-ui/icons