2016-08-21 3 views
0

웹 개발에 들어갈 필요가 있으며 현재 React와 Redux를 사용하여 Node.js를보고 있습니다. .NET 배경에서 왔을 때 TypeScript가있어서 상용구에 대한 선택이 제한되었습니다. 이 중 하나를 찾았습니다 : https://github.com/barbar/vortigernJS 서버용 보일러 플레이트에는 client.tsx가 있습니다.

이 상용구에는 client.tsx 및 server.tsx가 있습니다. 나는 고객의 요점이 무엇인지 이해하지 못한다. 제 말은 프론트 엔드를 개발하는 것입니다, 그렇죠? 서버 만 있으면 클라이언트의 목적은 무엇입니까? 나는 단지 알 수 없다. webpack config에는 서버와 클라이언트에 대한 두 개의 파일이 있지만 어떤 파일이 호출되는지는 알 수 없습니다.

누군가이 클라이언트의 목적을 나에게 설명 할 수 있기를 바랍니다. 대단히 감사드립니다!

+0

, 나는 클라이언트 측에만 설치를 고집하는 것이 좋습니다 서버 측에 대한 진입 점입니다 클라이언트 측 코드의 진입 점 인 지금까지 가장 일반적입니다). React 구성 요소를 서버에 렌더링 할 수 있기 때문에 클라이언트와 서버 측 모두 "동형 (isomorphic)"설정이 있지만 특히 시작하는 사람에게는 훨씬 복잡한 설정입니다. 여기에 더 맞는 상용구가 있습니다. https://github.com/mobxjs/mobx-react-typescript-boilerplate – azium

+0

고마워요! 나는 그 보일러 판을 보게 될 것이다. 그러나 이해하기 위해서, 나는 왜 두 개의 js 파일이 필요한지를 알고 싶습니다. 나는 서버 측 렌더링이 주 서버 파일 (server.tsx)에서 또한 수행되었다고 생각했다. 렌더링 된 HTML을 클라이언트에게 보낸다. (나에게 클라이언트는 페이지를보고있는 WebBrowser이다.) 그래서 내가 아직도 궁금해하는 것은, 왜 클라이언트가 있습니까? (나를 위해, 전체 프로젝트 및 폴더 구조는 '서버'입니다.) 서버 측 클라이언트 렌더링의 목적이 무엇인지는 모르겠지만 서버 쪽 클라이언트 파일의 목적은 무엇입니까 ... – Maxbit

+0

@azium – Maxbit

답변

0

Vortigern은 동형 반응 타원형 템플릿입니다. 즉, 코드를 한 번 작성하면 동일한 코드가 클라이언트와 서버에서 실행됩니다. 클라이언트와 서버 측 코드는 서로 다른 구성을 가지고 있습니다 (예 : 클라이언트 측에 express/http 서버가 없음). 따라서 클라이언트와 서버에 필요한 리소스를 각각로드하는 두 개의 진입 점이 있습니다 :

  • client.tsx 파일 (
  • server.tsx 파일이
  • 당신이 웹 개발에 새로운 경우