react -> spring 합치기 with IntelliJ

react 프로젝트 먼저 

1. 컨트롤 컨트롤 눌러서 검색창 나오면 npm run build 입력 후 실행

 

2. 완료 후 build 폴더가 생성

 

3. 스프링 프로젝트로 이동해서 src -> main -> resources 에 react 프로젝트 넣을 디렉토리 생성

 

4. application.properties에 옵션 설정해주기 (이걸해줘야 react index파일을 찾음)

# static folder for react frontend
spring.web.resources.static-locations=classpath:/static,classpath:/frontend

4-1. 중요! gitignore 설정(이거 안해주면 민감정보 git에 올라가기때문에 해줘야함!)

gitignore 선택

 

react 넣을 경로 추가하기

 

 

5. 서버를 키고 들어가서 다른페이지 이동 후 새로고침하면 404 에러가 나오기 때문에 에러를 잡아줘야함

5-1. 컨트롤러에서 에러용 컨트롤러 파일 생성

 

5-2. 매핑 작성 (이 작업 안하면 새로고침하면 404에러 나옴)

 

6. react build된 파일들을 스프링쪽에 넣어주기

 

7. 스프링 시작해서 문제없이 동작하는지 확인