React에 대해서 - 웹앱의 기본 요소, 리액트란 | React

React에 대해 알아봅니다.

---

웹 애플리케이션의 기본 요소 Building blocks of web application

• 유저 인터페이스 User Interface(UI)
  유저가 애플리케이션을 어떻게 사용하고 상호작용하는지
• 라우팅 Routing
  유저가 애플리케이션에서 페이지들을 어떻게 탐색하는지
• 데이터 가져오기 Data Fetching
  데이터가 어디에 있고 어떻게 가져오는지
• 랜더링 Rendering
  정적 또는 동적 컨텐츠들을 언제, 어디서 랜더링하는지
• 통합 Integrations
  서드파티 서비스(CMS, auth, payments 등)들이 무엇이고 어떻게 연결하는지
• 구조 Infrastructure
  코드들을 어디에 배포하고, 저장하고, 실행하는지(serverless, CDN, edge 등)
• 성능 Performance
  엔드 유저를 위해 어떻게 애플리케이션을 최적화하는지
• 확장성 Scalability
  어떻게 애플리케이션을 팀, 데이터, 트래픽 증가에 적용하는지
• 개발경험 Development Experience
  팀의 개발과 수정 경험

 

React란? What is React?

React는 상호작용하는(interactive한) 유저 인터페이스(UI)를 만들기 위한 javascript 라이브러리입니다.

💡유저 인터페이스(User Interface, UI)
화면에서 유저가 보고 상호작용하는 요소들

라이브러리는 UI를 만드는데 도움이 되는 React가 제공하는 메소드들(API들)인데, 애플리케이션 안에서 그 메소드들이 어디서 사용되는지는 개발자들이 결정합니다.

React가 성공한 이유 중 하나는 애플리케이션 제작의 다른 부분에는 비교적 의견이 없다는 것인데, 이로써 Next.js를 포함한 서드파티 툴과 솔루션의 생태계가 활발합니다.

하지만 이렇다는 것은 바닥부터 React 애플리케이션을 제작하기 위해서 꽤 노력이 필요하다는 것입니다.

개발자들은 요구사항에 맞는 툴 구성과 솔루션 재구성에 시간을 써야 합니다.

 

React Foundations | Next.js