Goorm 에서 이미지 팩으로 샘플프로젝트를 제공한다.
react랑 spring 환경구성이 되어있어 바로 시작하기 좋은데
해당 컨테이너를 생성해서 start.sh 를 실행시켜봤는데
spring 프로젝트는 run이 되는데 react는 안된다.
생성된 spring 프로젝트라도 접속해보려고 하면 접속이 되지 않는다
왜냐? 설정이 쪼~~금 더 필요하다.
프로젝트에 보면 readme.md 파일이 있는데 여기에 몇가지 추가설정이 필요하다고 설명이 친절하게 되어있다
그러나 우리는 읽어보지 않고 안될 때 검색을 통해 해결하지 ㅋㅋㅋ
우선 react project로 가서 추가모듈이 있는지 설정확인을 해야한다.
cd front
npm install
그 다음 주요한 거!!! port forwarding 작업이다. 이거 안하면 외부에서 접속 안됨 ㅎㅎ
상단메뉴의 [프로젝트] - [실행url 과 포트] 를 클릭
현재 80만 잡혀있으면 스프링(8080), 리액트(3000) 포트를 추가해야한다.
추가할 때 도메인 이름을 입력하면 됨.
예) front-react , 3000 을 주면 : https://front-react.run.goorm.io 과 같이 접속할 수 있게 된다.
마지막으로 이 세팅을 빠뜨리면 제대로 동작하지 않을 수 있다.
cd front 에 가면 .env.developement 파일이 있다.
여기에 위에서 접속할 주소로 변경 해야 한다.
REACT_APP_SERVER_URI=
다 끝났으면 접속해 보자
우선 리액트는 3000번이므로
portforwarding에 설정한 도메인으로 입력하면 "currentTime= 어쩌구"하는 결과가 나온다.
그 다음 스프링 8080번이므로 마찬가지로 입력하보면
조금 당황스럽다.
Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.
포트를 입력해야하나? 했는데 필요없다.
사실 스프링 예제는 /hello 만 설정되어있기 때문이다.
READ.ME를 잘 읽어보자 ㅎㅎ
