프론트는 nuxt, 백앤드는 node로 개발해 배포시

Question

안녕하세요 제로초님 저는 웹게임 시리즈는 모두 다 보고, vue로 노드버드 만들기와, react로 슬리액만들기, 그리고 개정판 노드강좌까지 다 본 수강생입니다. 지금 개발하고 있는 프로젝트가 프론트는 nuxt로 개발하고 백앤드는 node로 개발했는데 거의 원형이 vue 노드버드와 비슷합니다 ㅎㅎ 그런데 배포를 Vue 강좌에서는 ec2 두 개 만들어서 프론트와 백앤드 두개로 하시던데 이번 노드강좌처럼 lightsail을 이용하거나, 아예 서버리스로 람다로 베포하는 방식에 대해서 알 수 있을까요?? + nuxt를 빌드해서 백앤드의 static으로 넣고 백앤드 프로젝트만 lightsail을 이용해 빌드하는 방법도 있나요??

제로초(조현영) · Answer

먼저 nuxt가 static으로 만들어질 수 있는 구조인가요?(서버사이드 렌더링이 없나요?) SSR이 있으면 따로 서버가 필요하고 SSR이 없다면 static으로 만들어 백엔드가 서빙하게 하면 됩니다. lightsail은 ec2랑 똑같다고 보시면 됩니다. 람다로는 아예 개발 방식이 다릅니다.

김민형 · Answer

답변 감사합니다! 뷰 노드버드 수업과 이번 수업을 참고하여 ec2로 빌드하고 s3까지 해봤습니다. 그런데 업로드 되고 이미지가 로딩되어 보여지는 시간까지 텀이 너무 긴 것 같습니다ㅠㅠ 이 부분은 ec2 성능의 영향을 많이 받는지 아니면 프론트 쪽에 뭔가를 먼저 띄워주거나 로딩창을 만들어야하는지 궁금합니다. 예전에 좋아요 버튼인가 구현할때 미리 성공한 것처럼 띄워주고 서버에서 처리하는 강의를 들었었는데,, 그런 방식으로 접근해봐야하나 고민입니다 리전은 서울입니다