[4주차] 이승연 과제 제출합니다.

[a-00-a]

배포링크:

https://ceos-week3-react-messenger-23rd.vercel.app

피그마 링크:

Figma

QA노션 링크:

QA Notion

Review Questions

• React Router의 동적 라우팅(Dynamic Routing)이란 무엇이며, 언제 사용하나요?
  : 동적 라우팅 = URL의 일부를 변수처럼 받아서, 같은 컴포넌트로 여러 페이지를 처리하는 방식입니다.
  사용자 프로필, 게시글 수정 페이지, 블로그 상세 페이지, 상품 상세 페이지처럼 같은 화면 구조지만 데이터만 다른 페이지에 사용합니다.

• 네트워크 속도가 느린 환경에서 사용자 경험을 개선하기 위해 사용할 수 있는 UI/UX 디자인 전략과 기술적 최적화 방법은 무엇인가요?
  : 우선 사용자가 멈춘 화면이라고 느끼지 않게 로딩 상태를 보여주거나 전체 데이터를 다 기다리지 않고, 가능한 부분부터 보여줄 수 있습니다.
  기술적 최적화로는 이미지 용량 줄이기, React Query와 같은 라이브러리를 사용하여 서버 데이터를 캐싱해 재사용하는 방법이 있습니다.

• React에서 useState와 useReducer를 활용한 지역 상태 관리와 Context API 및 전역 상태 관리 라이브러리의 차이점을 설명하세요.
  : useState는 모달 열림 여부, 입력값, 버튼 클릭 상태, 간단한 카운터와 같은 간단한 지역 상태에 적합합니다. 반면 useReducer는 장바구니와 같이 상태 변경 로직이 복잡할 때 사용합니다.
  Context API는 여러 컴포넌트에 값 전달할 때 적합하고, 전역 상태 라이브러리는 크고 복잡한 앱의 전역 상태 관리에 적합합니다.