FRONT 는 React Next 를 배포할 것이다.
먼저 Front 파일에 들어가서 client 파일에서 npm install 을 해준다.
그다음 build 와 스타트를 해준것인데
package.json 파일 script 부분에 요약어를 담아주는것이 좋다
build 와 start 에 적어주고 저장 후
$ npm run build
를 해준다.
$ npm run start
하면 실행이 된다.
근데 error 가 난다.
build 하면서 import 해오는 파일 이 잘못되서 못불러 온다는 error 였다.
가져오려는 forder 의 이름과 불러오는 이름이 같지만 소문자 대문자 문제였다.
ex) index.jsx 를 불러와야되는데
import Index from './Index.jsx'
이렇게 불러 온것이다.
window 에서는 error 없이 잘 작동했지만
linux에서는 대소문도 민감하게 반응한다.
소문자 대문자에 주의하자!!
internal server error. 500
이 에러는 backend 에 요청이 잘못됬거나
back 에서 db에 연결을 요청이 잘못되서 난것이였다.
front 에서 saga 로 axios 로 요청하는 부분을 체크 후 변경 해주고
backend 에서 db에 요청하는 부분을 체크 후 변경 해 주었다.
npm run start &
이렇게 실행해주면 데몬으로 실행한다.
멈추려면
ps -ef
로 돌아가는 상태 확인후
sudo kill -9 [멈출 번호]
명령어를 쳐주면 멈춘다.
db 는 backend 와 같이 돌려주기 때문에 db 요청 할때
user 와 password 만 넣어서 요청 보내면 된다.
front 에서 back으로 요청을 보낼때 url이 계속 바뀌면 번거러움으로
탄력적 ip를 작업해준다.
1) 탄력적 고정 ip 만들기
1. aws - 탄력적ip -> 할당 클릭 - >할당 - > 이름 변경 => 할당된 IPv4 주소 나옴
2. 할당된 내용 -> 주소 연결 -> 인스턴스 선택 -> 프라이빗 ip 선택 (자동으로 뜸) -> 확인
=> 탄력적 ip 보기에 보면 인스턴스ID, 연결ID 등등이 생김
할당된 IPv4주소 가 나온다