React

Meta의 React는 페이스북(현재 Meta Platforms Inc.로 이름 변경됨)이 2013년에 오픈 소스로 공개한 JavaScript 라이브러리로, 사용자 인터페이스(UI)를 구축하는 데 주로 사용됩니다. React는 컴포넌트 기반 구조를 통해 UI를 효율적이고 유연하게 개발할 수 있도록 돕는 특징이 있습니다.

React의 주요 특징과 개념은 다음과 같습니다:

1. 컴포넌트 기반 아키텍처:
   • UI를 재사용 가능한 독립적인 컴포넌트들로 분리하여 관리합니다.
   • 각 컴포넌트는 독립적인 상태와 UI를 가지며, 다양한 페이지와 기능에서 재사용할 수 있습니다.
2. 가상 DOM(Virtual DOM):
   • React는 DOM 조작의 비효율성을 해결하기 위해 가상 DOM을 사용합니다. UI 업데이트 시, 메모리 내에 실제 DOM 대신 가상 DOM을 만들어 필요한 부분만 업데이트합니다.
   • 이를 통해 전체 DOM을 다시 렌더링하는 대신 변경된 부분만 업데이트하여 성능을 최적화합니다.
3. 단방향 데이터 흐름:
   • React에서는 데이터가 부모 컴포넌트에서 자식 컴포넌트로만 흐르며, 이를 통해 데이터의 흐름을 예측 가능하게 합니다.
   • 단방향 데이터 흐름 덕분에 애플리케이션 상태 관리와 디버깅이 용이합니다.
4. JSX(JavaScript XML):
   • JSX는 JavaScript에서 XML과 유사한 문법을 사용해 React 컴포넌트의 UI를 정의할 수 있도록 합니다.
   • HTML과 JavaScript 코드를 혼합하여 작성할 수 있어 가독성과 생산성을 높입니다.
5. 상태 관리(State Management):
   • 컴포넌트의 상태는 UI의 동작을 정의하는 중요한 요소입니다. React는 useState, useReducer와 같은 훅(Hook)을 제공하여 상태를 쉽게 관리할 수 있도록 돕습니다.
   • 또한, 상태 관리를 위해 Redux, MobX 같은 외부 라이브러리와의 결합도 자주 사용됩니다.
6. 서버 사이드 렌더링(SSR):
   • React는 클라이언트 측 렌더링 외에도 서버 측에서 렌더링(SSR)을 지원하여 초기 로딩 속도와 SEO 최적화를 가능하게 합니다.
   • Next.js 같은 프레임워크가 서버 사이드 렌더링을 위한 기능을 제공하며, React와 호환됩니다.

React는 현재 웹뿐만 아니라 모바일(React Native) 및 데스크톱 애플리케이션에서도 널리 사용되며, React 커뮤니티의 적극적인 기여로 점차 기능이 확장되고 있습니다.

• Promise
• Axios
• 컴포넌트, JSX
• React Event Handling
• props
• Context API
• Hook
• state, useState
  
• Dumy Data Implementation, map()
  
• router
• json-server, RESTful API
  
• react-router-dom
  
• useEffect, fetch()
  
• custom Hooks
  
• POST(생성), useHistory