[🍎코딩애플 강의요약] React의 이해와 활용

React를 사용하는 이유 🚀

• Single Page Application(SPA) 구현 📱

  • HTML 파일 1개만 사용
  • 페이지 전환 시 HTML 일부만 교체하여 새로고침 없이 부드러운 사용자 경험 제공
  • 예시: Naver Vibe, Flipkart, Instagram 등

• 개발 효율성 증대 ⚙️

  • HTML 재사용이 편리함
  • 컴포넌트 단위 개발로 여러 개발자 간 분업 용이
  • React Native를 통해 유사한 문법으로 모바일 앱 개발 가능
  • 프론트엔드와 백엔드의 완전한 분리 개발 가능

React의 단점 ⚠️

• 많은 자바스크립트 코드로 인한 웹페이지 크기 증가
• 웹페이지 로드 시 HTML 내용물이 천천히 채워지는 문제(hydration)로 SEO에 부정적 영향
• 간단한 사이트도 복잡한 코드 구조를 가질 수 있음

React의 위치 🌐

• 유사한 라이브러리: Vue, Svelte, SolidJS 등
• React가 가장 오래되고 사용자가 많은 라이브러리임
• 현재 프론트엔드 개발 직종에서 필수적인 기술로 자리잡음