inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Slack 클론 코딩[실시간 채팅 with React]

프론트 서버 배포

225

김민우

작성한 질문수 14

0

안녕하세요 제로초님 sleact 프론트 서버를 배포 해보려고 합니다.
 
react-nodebird강의에서 배포하는 방법을 보고, 프론트서버 백서버 따로 나누어 배포하려고하는데요
 
백서버는 제가 따로 express로 만들어서 제로초님이 강의에서 하는것처럼 성공했습니다.
 
localhost에서 돌리면 프론트가 문제 없이 잘만 돌아가는데
 
 
근데 프론트 서버는 우분투에 들어가서 start하면 에러가 수천수만줄이 뜨고
 
build도 되지 않고... start명령어가 무엇인지도 모르겠습니다. 어떻게 배포를 해야하나요 ㅠㅠ
 
nodebird랑 다르게 ts라 배포하는 법을 하나도 모르겠습니다..
 
"scripts": {
"dev": "cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack-config.json\" webpack serve --env development",
"build": "cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack-config.json\" NODE_ENV=production webpack",
"start": "cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack-config.json\" webpack serve --env production"
},
 

Socket.io react 웹팩 typescript babel 클론코딩

답변 1

0

제로초(조현영)

프론트 서버는 없습니다. 서버는 하나이고요. npm run build해서 나오는 파일을 익스프레스서버의 express.static과 연결하고 모든 라우터가 index.html을 서빙하게 만들면 됩니다.

기본 셋팅과 관련하여

0

109

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

111

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

167

2

useEffect 개수 관리

0

123

2

라이브러리 서치 방법

0

118

2

함수 정의 패턴

0

81

1

npm run dev 에러

0

157

3

npx webpack 후 에러

0

190

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

154

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

193

2

초기세팅중 packge.json 에러떠요

0

163

2

CORS - Access-Control-Allow-Origin 누락 문제

0

440

3

로그인 페이지 무한 새로고침 현상

0

610

2

Module not found: Error: Can't resolve './App' 에러

0

971

1

배포 방법

0

307

2

npm run dev 시 빌드가 매우 느려졌습니다

0

1017

2

alias 경로 설정 오류

0

463

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

284

1

제네릭 질문

0

227

2

ts-node 대신 tsx 사용여부

0

380

1

배포 관련 질문

0

249

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

396

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

343

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

255

2