React

쉽게 말하면

React는 Meta(Facebook)가 만든 프론트엔드 프레임워크이고, 핵심 아이디어는 "컴포넌트"예요. 화면을 독립적이고 재사용할 수 있는 조각으로 나눈 뒤, 블록처럼 끼워 맞춰 하나의 완성된 페이지로 만듭니다. 블록 하나를 바꿔도 다른 블록에 영향이 없어서 유지보수가 더 명확해져요.

지금 가장 큰 프론트엔드 생태계로, 라이브러리·튜토리얼·인재가 가장 많고, AI도 가장 잘 알아서 결과물 품질이 최고 수준이에요. 단점은 React가 화면만 담당한다는 점이에요. 라우팅, 상태 관리 등은 따로 더해야 하고, 선택지가 너무 많아 초보자는 어지러워합니다. 바로 그래서 Next.js(React의 풀스택 프레임워크)가 이토록 인기 있는 거예요.

아키텍처

동작 흐름

React만으로는 부족해요

React가 주는 건 화면 계층뿐이라, 진짜 사이트를 만들려면 직접 가져와야 할 조각이 몇 개 더 있어요.

• 라우팅 — 어떤 URL에서 어떤 화면을 보여줄지 정하는 일.
• 데이터 가져오기 — 서버나 데이터베이스에서 내용을 불러오는 일.
• 빌드 설정 — 작성한 코드를 브라우저가 실행할 수 있는 파일로 바꾸는 도구 모음.

각각의 라이브러리를 골라 직접 이어 붙여도 되고, 조립의 번거로움을 건너뛰고 이들을 한데 묶어 주는 Next.js 같은 프레임워크에 기대도 됩니다. 초보자에게는 보통 후자가 더 마음 편한 길이에요.

핵심 정리

• React = 컴포넌트로 조립하는, 생태계가 가장 큰 프론트엔드 프레임워크.
• AI가 가장 잘 알고, 자료와 품질이 가장 풍부함.
• 라우팅과 풀스택 기능을 더하려고 흔히 Next.js와 함께 씁니다.