한 권으로 끝내는 Node & Express(2판): 모던 웹을 위한 서버 사이드 자바스크립트의 모든 것

287

16

장

단일 페이지 애플리케이션

client

/

src

/

App

.

js

에서 휴가 패키지 페이지를 임포트합니다.

import Vacations from ‘./Vacations’

다음에는 라우터의

<

Switch

>

컴포넌트 안에 라우트를 만듭니다.

<Switch>

<Route path=”/” exact component={Home} />

<Route path=”/about” exact component={About} />

<Route path=”/vacations” exact component={Vacations} />

<Route component={NotFound} />

</Switch>

파일을 저장하면 애플리케이션이 자동으로 리로드되므로 아직 아무것도 없긴 하지만

/

vacations

페이지로 이동합니다. 클라이언트의 인프라 구조는 거의 완성했으니 이제 익스프

레스에서 할 일이 남았습니다.

16.4.4

휴가 패키지 페이지와 서버 통합

10

필요한 작업은 거의 다 했습니다. 데이터베이스에서 패키지를 가져와

JSON

형식으로 반환하

는

API

엔드포인트는 이미 만들어져 있습니다. 서버와 클라이언트가 통신하는 방법만 찾으면

됩니다.

15

장에서 만든 걸로 시작하면 됩니다. 더 추가할 것은 없지만, 더 이상 필요하지 않은 것들을

제거할 수 있습니다.

●

핸들바와 뷰 지원 (정적 ...