3차 커피챗

질문

1. protected route을 선언적으로 관리하기 위한 좋은 방법이 있을까요?
• 비로그인, 로그인, 방장 권한, 일반 권한, 자기 페이지, 타인 페이지 등등 다양한 조건에 따라서 보여줘야 하는 컨텐츠들이 있는데, 이런 내용을 보통 라우터 연결 페이지에서 선언적으로 관리하는게 좋은지, 아니면 페이지 단에서 조건부 렌더링 처리를 하는게 좋은지 궁금합니다.
 

2. Promise를 throw하는 컴포넌트는 Suspense, ErrorBoundary 등으로 감싸야 하는데, 이런 걸 깔끔하게 관리할 수 있는 방법이 궁금합니다. HOC 패턴도 괜찮은 방법일까요? 예시: https://suspensive.org/ko/docs/react/AsyncBoundary

import { AsyncBoundary } from '@suspensive/react'
import { useSuspenseQuery } from '@tanstack/react-query';
 
const 준비가_필요한_컴포넌트 = withAsyncBoundary(
  function Component() {
		const { data } = useSuspenseQuery({ ... }); // throw Promise 하는 hook
    return <>...</>
  },
  {
    pendingFallback: <Loading />,
    rejectedFallback: (props) => (
      <>
        <button onClick={props.reset}>Try again</button>
        {props.error.message}
      </>
    ),
    onReset: () => console.log('reset'),
    onError: (error) => console.log(error),
  }
)

1. msw 모킹 활용법 질문하기
• MSW를 사용하면 모든 API를 꼭 모킹해야 할까요? 아니면 필요한 것만 모킹해도 될까요?
• 또한, 일부 API만 모킹하고 일부 API는 진짜 백엔드 서버로 요청하는 것도 가능할까요?
(기본 설정으로는 서비스 워커가 무조건 요청을 가로채는 것 같아서..)
 

2. 현업에서는 같은 페이지에서 폼 제출을 위한 내용을 다음 버튼을 눌렀을 때 나오는 화면을 단순히 pageNum 같은 state 값으로 관리하는 편인지, 아니면 URL 자체를 다르게 해서 페이지 라우터 처리를 하는 경우가 많은지 궁금합니다.

1. 현업에서는 일정 관리와 스프린트를 어떤 식으로 하나요? 저희가 오늘 일정 산정 및 1차 스프린트 계획을 짰는데, 현업에서 어떻게 하는지와 이러한 팀 프로젝트 내에서 어떤 식으로 해야할 지 궁금합니다!
• 백엔드랑 프론트엔드랑 일정 산정을 동시적으로 하나요? 아니면 각자 하나요?