inflearn logo
강의

Course

Instructor

Create your own blog with React (MERN Stack)

(62) Deploy(2)

바벨 없이 진행을 했는데요

224

aidenkim92

2 asked

0

안녕하세요

다름이 아니고 바벨없이

노드 최신버전 16. 으로 개발을 진행해서

막힘 없이 모든 튜토리얼들을 구현 했는데요 (찾아보면서 모든 에러들을 해결 했구요 바벨 없이 "type" : "module" 정의 해주고 난후 마지막 배포 부분 중간 까지 진행 하였습니다)

지금 현재 한부분에서 막혀있습니다.

지금 putty로 모든 AWS EC2 에 필요한 부분들을 진행 한후에 client 폴더에서 build까지 되는데요, 다만 튜토리얼 마지막 부분쯤에 AWS 에서 제공한 public IP 주소로 웹사이트를 키실때 "sudo node build/server.js" 를 치시는데 

저는 지금 바벨 없이 진행을 했기때문에

root folder package.json 안에

"dev": "nodemon ./server/server.js"

"prebuild": "cd client && npm run build"

이 두개만 정의가 되어 있고 아래 두개는 정의 되어 있지 않습니다 (필요 없다고 판단되어서요)

"build" : "babel server --out-dir build"
"build:sever" : "babel server --out-dir build"

다만, 저 부분들이 없기때문에 "sudo node build/server.js" 를 

못하고 있는데요. 어떻게 진행하면 될까요 ?

express bootstrap mongodb nodejs react redux

Answer 2

0

aidenkim92

답변 감사합니다

하지만 root folder 에 있는 package.json에 "build" 자체가 정의가 되어 있지 않습니다. 

npm build 는 현재 client folder에 있는 package.json에만 되어 있구요..

0

ssaple

얼핏보고 client인줄 알았네요. 죄송합니다. ^^;

babel은 설정에 따라 특정 문법을 다른 문법으로 바꿔줍니다.

(성경에서 바벨탑을 쌓을때 모두 같은 언어를 썼다고 이야기 되는 것에 착안한 네이밍입니다)

※ 코드를 경량해 주거는 것은 client의 웹팩의 역할입니다. 

따라서 우리의 경우는 ES6문법을 CommonJS 문법 으로 바꿔주는 역할을 합니다. 

그러므로

"build" : "babel server --out-dir build" (server 폴더내 내용을 build 폴더에 CommonJS문법으로 해석해 놓아라)

"build:sever" : "babel server --out-dir build"

은 질문자의 생각대로 필요없습니다. 그러면 어떻게 해야할까요? 그냥 돌리시면 됩니다. 

node server.js // pm2로 실행하기전에 테스트이니, server.js 한번 실행해봐라 입니다. 

따라서 ec2 서버에 node 13버전 이상을 설치해놓으셨고, type: "module"로 해놓으셨다면

node server.js 로 작동시키시면 되십니다. 

0

aidenkim92

아닙니다 제가 지금 외국에 산지 오래되서 한국 말이 꽤 서툴어서 그런거 같네요 !

친절한 답변감사합니다 ㅎㅎ 깔끔하게 이해 됬네요!

항상 친절한 답변해주셔서 감사합니다!

0

ssaple

모두 잘하셨다면 이부분도 금방 넘어가실 수 있으실 거네요. 

"build" : "babel server --out-dir build"

이것은 build폴더에 빌드하라는 것이니, 그냥 build 하시면 됩니다. 

npm build

npm run dev-watch 오류

0

81

1

npm i react-redex redux-saga react-router-dom connected-react-router bootstrap reactstrap dotenv 명령어 설치하면 에러날까요?

0

442

1

mongodb 자세히 알고 싶습니다

0

266

1

강의 듣으면서...포스트 맨도 안됩니다

0

252

1

혹시 gatsby 생성하는 명령어 하는지 알고 싶습니다

0

278

1

webpack 설정 문제입니다.

0

311

1

Category관련 질문

0

237

1

https://www.ssaple.net/ 블로그 접속이 되질 않아요.

0

313

1

리액트 버전 오류 나시는 분들 참고

0

485

1

react 18버전에서의 connected-react-router 가 설치가안됩니다

0

1073

1

jwt.sign() 에서의 질문입니다.

0

210

1

ssaple.net 접속이 안됩니다.

0

372

1

Media(Video) 파일 첨부관련 질문

0

300

1

페이지 Link를 이용한 페이지 이동이 안됩니다

0

342

1

webpack.config.js 설정

0

836

1

몽고db 사이트가 많이 바뀌어서

0

349

1

선생님 req에 아무것도 안들어오는데 혹시 뭐가문제일까요 ?

0

305

1

안녕하세요 강의 잘 보고 있습니다 질문 하나 있는데요 ..

0

1590

1

그대로 따라하였고 하루종일 reboot하는데 되지않습니다..

0

215

1

Encountered two children with the same key 에러..

0

869

1

강사님 redux에러 질문이요

1

248

2

선생님 왜 저는 백날해도 collapse 내용이 link아래로 갈까요?

0

353

2

postDetail scss 문제

0

238

3

강사님 포스트 디테일 부분을 똑같이 작성하였는데 이런 오류가 나서 도저히 방법을 모르겠습니다 ㅠㅠ

0

214

1