카카오페이지 데이터 통신 (FE 3주차)

설계

1. 폴더 나누기 backend, frontend
2. 서버에서 정적 파일 직접 제공하는것(app.use(express.static('public'));)에서 get 요청에 따라 json파일만 보내주고 frontend 폴더에서 받은 데이터를 이용하여 렌더하는 방식으로 변경
3. fetch할 대상 고민

 

헤더의 nav바는 nav에 해당하는 데이터들이 바뀌기 때문에 서버로부터 정보를 얻어와야한다고 생각하였다.하지만 웹툰>요일연재 하위의 요일별 nav는 실시간으로 자주 바뀌는 정보도 아니고 대량의 데이터도 아니기 때문에 헤더의 nav바에서 받은 데이터 중 일부를 요일별로 클릭할때마다 클라이언트 단에서 보여주어야한다고 생각하였다. 즉, 이 단계에서는 서버로부터 요청을 하지않게 하여 서버로 부터의 요청을 최소화한다.

하지만 웹툰>요일연재 하위의 요일별 nav는 실시간으로 자주 바뀌는 정보도 아니고 대량의 데이터도 아니기 때문에 헤더의 nav바에서 받은 데이터 중 일부를 요일별로 클릭할때마다 클라이언트 단에서 보여주어야한다고 생각하였다. 즉, 이 단계에서는 서버로부터 요청을 하지않게 하여 서버로 부터의 요청을 최소화한다.

 

고민할 점

SSR vs CSR - templating 어디서 하는게 효율적인지

get할때 url switch처럼 할 수 있을까

url 설계