Mon Dec 9 9:25PM

build 시 productHandler.js가 되는 것을 염두하여 js 파일로 import 해야되는 번거로움이 있다. 언제 한번 손을 좀 볼까 고민 중이다.

 

이제 url에 맞춰서 30 가지의 상품 정보를 보여주는 기능을 사이트에 담아보았다. 

30번째 상품

만약 상품이 30개 밖에 없다면, 지금 같은 코드도 큰 문제는 없어보인다. 

만약 상품 페이지 말고, 관심사가 아예 다른 페이지들을 노출해야된다면 어떻게 될까?

핸들러를 여러개 추가, 에러는 덤

핸들러를 여러개 생성해주면 그만이다. 물론 매번 새로운 관심사가 생길때 마다 핸들러를 추가해줘야한다는 불편함이 있지만, 결과적으로 handler 라는 요소로 url 요청에 상응하는 리소스를 잘 반환해주고 있다. 

 

사실 폴더 위치만 제대로 정해줄 수 있다면, 하나의 핸들러로 모든 파일을 제공해줄 수 있다. 

헤더는 한번만 쓰자.

페이지 라우터는 만들기 쉬운 모양이다. 

 

만약 페이지의 개수가 10000개가 넘는다면, 어떻게 처리할 것인가? 페이지가 늘어날 수록, 해당 프로젝트의 규모는 점점 커질 예정이다. 그렇다면 반드시 압축을 하던가, 동적으로 페이지를 제공할 수 있는 방법을 제시해야겠다.

 

데이터를 압축해서, html 파일을 10000개에서 낱개로 줄여보면 어떨까? 

 

하나의 페이지로 모든 페이지를 커버하는 방식을 우린 SPA라고 부르기로 했다.

 

SPA 를 먼저 구현하는 것 보단, 일단 동적으로 페이지 내용을 교체할 수 있는 기능을 먼저 구현해보자.

 

Jquery가 됐던, thymeleaf가 됐던, 컨셉은 자유롭게 정하고, 빨리 만들어보도록 한다.