Nestjs + React + webpack + typescript 개요

nest.js는 그냥 서버 담당이다. 파일들을 클라이언트에게 보내는 역할.

그럼 무슨 파일들을 보내냐? 당연히 html 파일이랑 html이 사용할 js파일이겠지

react를 사용해서 html에 접근하는 index.tsx와 app.tsx, 그리고 다른 각종 js들. 그냥 hi.ts 하나 넣자고 하자.

index.tsx, app.tsx, hi.ts.
app.tsx는 index.tsx가 가져다가 씀. app은 index 안에 들어가게 된다. 그리고 죄다 webpack으로 묶을 때 typescript로 죄다 컴파일! 컴파일 될때 리엑트 라이브러리가 합쳐지게됨.

index.html은 index.js를 가져오고 hi.js 를 가져다가씀.

그리고 이렇게완성된 index.html과 index.js, hi.js를 nest.js같은 서버를 통해 밖으로 호스팅!