SPA(Single-Page-Application) 구현

🚀 학습 목표

• SPA를 이해하고 이점과 사용하는 이유를 설명할 수 있다.
• SPA를 기반으로 동작하는 React의 작동 원리를 깊게 이해할 수 있다.
• CSR(클라이언트 사이드 렌더링)의 특징을 이해하고 활용할 수 있다.

🤖 필수 구현 사항

• 라우팅 시스템 (Routing): SPA의 핵심은 페이지 리로드 없이 콘텐츠를 동적으로 변경하는 것이므로, 라우팅 시스템이 필요합니다.
• DOM 업데이트: 페이지 리로드 없이 필요한 부분만 업데이트하려면 DOM을 조작할 수 있어야 합니다.
• API 통신: 대부분의 SPA는 서버에서 데이터를 받아와야 하므로, 비동기 데이터 통신(fetch나 XMLHttpRequest) 로직으로 동작을 테스트 해야합니다.

📝 Pull Request 주의할 점.

• 학습과 고민의 흔적 기록
  • 본인이 배우고 고민했던 점들을 최대한 꼼꼼하게 작성해주세요.
  • 작성된 내용은 리뷰어가 의도를 이해하고 더 나은 피드백을 제공하는 데 큰 도움이 됩니다.
• 코드리뷰는 존중과 솔직함을 기반으로
  • 서로 상처받지 않도록 배려하며 리뷰를 작성해주세요.
  • 하지만, 서로의 발전을 위해 솔직한 피드백을 주고받는 문화를 지향합시다.
• PR 방식
  • [본인 이름] SPA (본인 이름 브랜치에 PR 올려주세요)
  • 위와 같은 방식으로 PR 올려주세요.