META SYSTEM

 

[프로젝트 구조]

[예상 프로젝트 화면]

[실행 방법]

- front 서버

cd src/main/frontend

(설치) npm install

(빌드) npm run build

(실행) npm start

 

 

[ 참고 ]

1. Spring Boot-React-PostgreSQL 환경 설정 (https://na-hollo.tistory.com/31)
2. postgreSQL 연결 (https://velog.io/@jwpark06/SpringBoot에-JDBC로-Postgresql-연동하기)
3. Superbase 연결 (https://newstroyblog.tistory.com/627)
4. User 테이블 CRUD 생성 (https://www.youtube.com/watch?v=qno5Lh5SYF4)
5. OpenAPI 키 생성 (https://hunseop2772.tistory.com/343)
6. jdk 다운로드 (https://www.oracle.com/java/technologies/javase/jdk18-archive-downloads.html)
7. postgreSQL 다운로드 (https://www.postgresql.org/download/windows/)
   • 비밀번호 : 0000
   • port 번호 : 5432
   • Locale : ko_KR.UTF-8
   • 다운로드 후 SQL shell 실행 → password 제외 모두 엔터 → select version();
   • pgAdmin4 실행 → Server 클릭 후 비밀번호 입력 → Login/Group 클릭 후 General(이름), Definition(비밀번호), 권한(모두) 입력
   • SQL shell 에서 \l 입력 → 데이터베이스 확인

 

[ PostgreSQL 명령어 ]

• \\l : 데이터베이스 설정 확인
• \\c DB이름 : 데이터베이서 접속
• \\dt : 데이터베이스 정보 relation 확인
• \\du : 계정들 리스트와 각 계정의 권한과 역할 확인
• select current_schema(); : 현재 스키마 확인
• SET search_path TO 스키마명; : 스키마 설정
• https://dbrang.tistory.com/749

[트러블 슈팅 가이드]

1. JAVA 버전이 맞지 않음 (JAVA18 이상 필요)
   1. JDK 설치 - https://www.oracle.com/java/technologies/javase/jdk18-archive-downloads.html
   2. IntelliJ 설정 - https://just-joat.tistory.com/45
2. postgreSQL Did not find relations 오류 해결
   1. https://www.howtouselinux.com/post/did-not-find-any-relations-in-postgresql
3. CORS 에러 해결
   1. https://velog.io/@ung6860/React-Spring-프로젝트-생성
4. Process 'command 'npm'' finished with non-zero exit value 1
   1. 해결 : 설정 > 빌드 > Gradle > Intellij 및 해당 JDK로 변경
5. createProxyMiddleware is not a function
   1. 해결 : setupProxy 파일 중 cosnt 선언시 {} (괄호) 제거
   2. https://www.inflearn.com/community/questions/148070/proxy-is-not-a-function-에러가-그래도-해결이-안되시는-분들?srsltid=AfmBOooi_OHemkgx9dO_9_SFkV3Xf301LAhvlAonk01dndywfyu4zhPb
6. 'React' must be in scope when using JSX
   1. 해결 : App.js 파일에서 import React from “react” 구문 추가
   2. https://ramincoding.tistory.com/entry/React-must-be-in-scope-when-using-JSX-ESLint-에러
7. Can't reexport the namespace object from non EcmaScript module (only default export is available)
   1. packge.json 파일의 react-scripts를 "react-scripts": "5.0.1" 수정
   2. https://velog.io/@hana0627/REACTCant-import-the-named-export-Component-from-non-EcmaScript-module-only-default-export-is-available