build가 안 됩니다ㅠ

상위 인스턴스를 사용해 봐야겠네요ㅠ 

도움주셔서 감사합니다! :)

1. putty가 끊어지는 것은 리부팅하면 네트워크가 끊어지기에  당연한 것이므로 이건 걱정안하셔도 됩니다.

2. 에러에도 나오듯이... 메모리 부족입니다. 이것을 해결하기 위해서는 인스턴스를 새로 파셔서, 최대한 비어있는 상태에서 클라이언트부터 빌드 -> 서버 빌드를 따로 해줍니다. 

물론 이런 수고 덜으실려면 상위 인스턴스 사용하시면 됩니다. 또는 메모리 누수를 잡으면 되는데... ㅠㅠ

제 강의와 너무 많이 다르게 작성하셔서...  더 검토드리기가 애매하네요... 제가 드릴수 있는 것은 링크정도일 것 같습니다

https://ajh322.tistory.com/241

강사님이 말씀해 주신 과정대로 따라가니  local에서의 build는 해결되었습니다. 

그리고 이후의 인스턴스 연결을 다시 하고 build를 시작했는데요. 강의 중 발생한 에러와 동일한 에러가 발생해서 sudo reboot를 실행하려고 하니 다음과 같은 경고창이 뜨고 연결이 끊어지더라고요.

이후 다시 putty를 실행해서 build를 해도 같은 에러만 반복 발생합니다. reboot역시 안 되고요ㅠ 혹시나 해서 컴퓨터를 다시 켜서 실행했는데도 해결이 안 되네요ㅠ

(자주 여쭈어봐서 죄송합니다ㅠ 마음처럼 원활하게 해결되지 않네요ㅠㅠ)

[테스트 환경] node 15.5.0

(총평) 제가 깃을 받아서 테스트해본 결과 create-react-app에서 버전적으로 뭔가 deprecated된게 있어서 충돌 나는 것 같습니다

기본적으로 local에서부터 빌드안되니, local부터 해결하셔야 합니다.

(해결방법)

1.client폴더에서 npm run start해서 나오는 경고를 일단 모두 날려줍니다.(뭐가 안쓰인다... 이런거 모두 해결해줍니다)

2. npm audit fix 해줍니다.

3. npm run build하면 에러 메시지가 나옵니다. 크게 웹팩설정이 2개 바뀌었다고 합니다. 

 - navigateFallbackBlacklist has been renamed navigateFallbackDenylist.

   webpack.config.js로 들어가서 'navigateFallbackBlacklist'을 찾아 'navigateFallbackDenylist'로 이름 바꿔 줍니다. 

 - "importWorkboxFrom" is not a supported parameter.

   webpack.config.js로 들어가서 'importWorkboxFrom'을 찾아 주석 처리해줍니다. 

4. 이러면 에러 해결!!!

[관련 해결책 : 제 깃에 올렸습니다(자료 보관용)]

https://github.com/sideproject0214/blog/issues/9

네, 그래서 서버 client 빌드를 먼저 했었습니다. 그런데 계속 안 되더라구요ㅠ 그리고 그 이전에 vscode에서 npm run build로 실행할 때 맨 위의 사진처럼 오류가 나서 해결을 못하고 있습니다ㅠ

애초 vscode에서 어떤 문제가 있어서 서버에서도 빌드가 안 되는 것인지...ㅠ

무료 인스턴스 서버는 성능이 낮아 한꺼번(client, server) 빌드시 에러가 나는 경우가 많습니다. 

이런 경우 먼저  client 빌드 먼저 하시고, server 빌드를 따로 따로 해보시기 바랍니다.