초기 렌더링 시 API 콜을 어떻게 해야할지 고민이라 질문을 남깁니다.

Question

안녕하세요. 지금 화면 초기 렌더링 시 API 콜을 어떻게 해야할지 고민이라 질문을 남깁니다.1. 초기화면 렌더링시 init으로 최소한 콜로 조회해서 줘야하는지 궁금합니다. 조금 더 풀어서 설명하자면 초기에는 최소한의 콜로 네트워크 왕복을 줄이고, 그 이후에는 섹션별로 API 호출을 하는 방식으로 해야하는건지 궁금합니다.2.API 호출을 TTL 폴링을 써야하는지 궁금합니다. 일정 시간마다 API 호출을 해서 섹션별로 렌더링 해줘야하는지 궁금합니다. 데이터 변동성에 따라 시간을 정하고 그 시간마다 계속 API 요청을 해야하는지 궁금합니다.3.만약 init이 필요하다면 코드 구성을 이런식으로 해도 되는지 궁금합니다.예) Enum단public enum DashboardSection { USER, ORDER, MENU; public static EnumSet parse(String s) { if (s == null || s.isBlank()) return EnumSet.allOf(DashboardSection.class); var set = EnumSet.noneOf(DashboardSection.class); for (var token : s.split(",")) { set.add(DashboardSection.valueOf(token.trim().toUpperCase())); } return set; } }컨트롤러 단public response getInfo(@RequestParam(defaultValue = "user, order, menu") String sections) { EnumSet wanted = DashboardSection.parse(sections); var user = wanted.contains(DashboardSection.USER) ? DashboardQueryService.wrap(q.farm(userId)) : CompletableFuture.completedFuture(Section.empty()); var order = wanted.contains(DashboardSection.ORDER) ? DashboardQueryService.wrap(q.farm(orderId)) : CompletableFuture.completedFuture(Section.empty()); var menu = wanted.contains(DashboardSection.MENU) ? DashboardQueryService.wrap(q.farm(menuId)) : CompletableFuture.completedFuture(Section.empty()); CompletableFuture.allOf(user, order, menu).exceptionally(ex -> null).join(); }이런식으로 비동기 처리해서 뽑아주면 되는지 궁금합니다.

코딩하는 두루미 · Answer

데이터 변동 사항을 즉시 화면에 반영시키고자 하는 건가요?

캐티 · Answer

오! 금요일에 '딱'에 콜을 하시나요.사실 api요청을 페이지 렌더링 단계에서 미리 준비하여 변수 내지는 컨텐츠에 넣어주는 여지가 이쩌. SPA 웹이거나 정적 파일이면 이런 기법이 안되어요.렌더링이 이루어지면서 api 요청이 이루어진다 이럼 모든 요청을 한 개 쿼리에 넣어서 여럿에 바디 데이터를 받는 여지도 있어요.네트워크 반복 처리를 줄이는 거는 일반적으로 도움이 되어요. 이렇다 하더라도 http2에서는 유사 정보의 왕복이 많았다는 이유를 들어서 http1에 없었던 헤더 압축을 반영 하여쩌. 이럼 같은 데이터를 보내는 대신에 부호를 보내어 줄여요. 이렇다 하더라도 만능은 아니기에 위에 기법이 필요한 거는 맞게쩌.물론 http1에 있었던 keep-alive는 ttl이 걸렸을 수도 있어요. 최대 요청 회수에 제약으로 연결이 끊어지는 여지가 이쩌. http2는 미리 연결한 커넥션을 유지하면서 채널을 제공하기에 keep-alive이 없어요.사실 변동 데이터는 sse 같은 기법으로 수신하는 것이 좋은데, 이거랑 다른 websocket 방식은 커넥션 하나를 별도로 점유하는 문제가 있어요. 이렇게 되면 단일 커넥션과 레이트 리미트가 있는 서버에서 웹소켓에 작동이 보증되지 않는 문제가 생기는 여지가 커요.넘모 어렵나요.

초기 렌더링 시 API 콜을 어떻게 해야할지 고민이라 질문을 남깁니다.

2개의 답변

Q&A 목록